js__react_native__fb/App08FlexLayout.js

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;