0.0.7 Flex dimensions.

App.js

@@ -1,6 +1,6 @@
 // import { AppRegistry } from 'react-native';
 
-import App from './App05Styles';
+import App from './App07Flex';
 
 export default App;
 

App07Flex.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { View } from 'react-native';
+
+class FlexDimensionsBasics extends React.Component {
+  render() {
+    return (
+      // Try with height: 300 instead of flex: 1
+      <View style={{ flex: 1 }}>
+        <View style={{ flex: 1, backgroundColor: 'powderblue' }} />
+        <View style={{ flex: 2, backgroundColor: 'skyblue' }} />
+        <View style={{ flex: 3, backgroundColor: 'steelblue' }} />
+      </View>
+    );
+  }
+}
+
+export default FlexDimensionsBasics;