0.0.8 Flex axis.

App.js

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

App08FlexLayout.js

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