React native parent dimensions dependent on child components

parentDimensionsDependentOnChildren.js

/* Use this pattern when you want your parent components dimension
 * to be dependent by it's children components dimensions.
 */

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
    alignSelf: 'flex-start'
  },
  icon: {
    // Any styles here
    padding: 5
  },
  text: {
    // Any styles here
    padding: 5
  }
});

const DynamicWidthAndHeightButton = () => (
  <TouchableOpacity style={styles.container}>
    <Icon style={styles.icon}/>
    <Text style={styles.text}>dynamic width text here</Text>
  </TouchableOpacity>
);