React-native- FlexBox Layout demo

import React from ‘react’;
import { StyleSheet, Text, View } from ‘react-native’;
export default class App extends React.Component{
 render(){
 return(
 <View style={styles.container}>
 <View style={{width:50,height:50,backgroundColor:‘powderblue’}}>
 </View>
 <View style={{width:50,height:50,backgroundColor:‘skyblue’}}>
 </View>
 <View style={{width:50,height:50,backgroundColor:‘steelblue’}}>
 </View>
 </View>
    )
  }
}
const styles= StyleSheet.create({
 container: {
 flex: 1,
 backgroundColor: ‘#fff’,
 flexDirection: ‘row’,
 justifyContent: ‘space-between’,
 alignItems: ‘center’,
      }
})