Kizspy | Question: 36
(Choose 1 answer)
Study the code below and choose the correct output that you will expect to see on the emulator.
import React from ' react';
import { View, Text, StyleSheet } from 'react-native';
const CoreComponentExample = () => { return (
<View style={styles.container}>
<Text style={styles.text}>React Native!</Text>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1.justifyContent: 'center',
alignItems: 'center',backgroundColor: '#f0f0f0',//Light gray
},
text: {
fontSize: 24,
fontWeight: 'bold',color: 'blue',
},
Text1: {
fontSize: 24,
fontWeight: 'bold',
color: 'black',},
});
export default CoreComponentExample;
A. The text "React Native!" in blue color on a light gray background
B. The text "React Native!" in red color on a light gray background
C. The text "React Native!" in light gray color on a blue background
D. It will throw an error
FUOVE
