app.js

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

export default function App() {
return (

  </View>
  <View style={styles.containerTwo}>
    <View style={styles.innerOne}>
     
    </View>
    <View style={styles.innerTwo}>
      <View style={styles.content}></View>
    </View>

  </View>
</View>

);
}

const styles = StyleSheet.create({
container: {
flex:1
},
containerOne: {
flex:1,
backgroundColor:"red"
},
containerTwo:{
flex:2,
flexDirection:"row",
backgroundColor:"yellow"
},
innerOne: {
flex:1,
backgroundColor:"blue"
},
innerTwo: {
flex:4,
backgroundColor:"orange",
alignItems:"flex-end"
},
content: {
width:50,
height:50,
backgroundColor:"#000"
}
});