Raj was trying to figure out the flex property of React native.

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

export default class App extends Component {
render() {
return (
<View style={styles.container}>
<View style={[styles.layout, styles.rowStretch]}>
<Text>
This is my sample test statement which i am using to test this
concept.
</Text>
</View>
<View style={[styles.layout, styles.columnStretch]}>
<Text>
This is another sample test statement which i am using to test this concept.
</Text>
</View>
</View>
);
}
}

const styles = StyleSheet.create({
container: {
paddingTop: Constants.statusBarHeight,
flex: 1,
flexDirection: 'row',
},
layout: {
flex: 1,
padding: 15,
marginBottom: 5,
backgroundColor: 'whitesmoke',
flexDirection: 'row',
},
rowStretch: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'stretch',
},
columnStretch: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'stretch',
},
});

Choose the most appropriate output.

To get all Infosys Certified React Native Developer Exam questions Join Group https://bit.ly/infy_premium_group