React Native FlexBox

 FlexBox :-  React Native FlexBox is used to Provide a consistent Layout on Different Screen Size.

App Name :- Test

Component Name:- App.js

------------------------------------------------------------------------------------------

import React, { Component } from 'react'

import {createAppContainer} from 'react-navigation'

import {createStackNavigator} from 'react-navigation-stack'

import { View, Text, Button,StyleSheet, TextInput } from 'react-native';

// import Home from './Component/Home'

class App extends React.Component {

render()

{

return(

<View style={{flex:1,flexDirection:'column-reverse'}}>

<View style={{flex:2,backgroundColor:'green'}}></View>

<View style={{flex:3,backgroundColor:'red'}}></View>

<View style={{flex:3,backgroundColor:'yellow'}}></View>

</View>

)

}

}

export default App;