需要帮助在react native在文本部分

Question

'我的问题是关于react native' '"我试图改变颜色和字体大小Hello, world和Hello，但它没有改变，代码运行正常。"

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
return (
<View style={styles.container}>
<Text style={[styles.Red,styles.One]}>Praveen</Text>
<Text Style={[styles.White,styles.Two]}>
Hello, World
</Text>
<Text H1>Hello</Text>
<StatusBar style="auto" />
</View>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#FFFFFF',
alignItems: 'center',
justifyContent: 'center',
},
Red: {
color: '#F44336'

},
One: {
fontSize : 80
},
White: {
color : '#F44336'
},
Two: {
fontSize : 80
},
}); 

"

Answer 1

您将Style写成大写s而不是style, props是区分大小写的，所以请确保您使用了正确的命名

代码应该像这样:

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
return (
<View style={styles.container}>
<Text style={[styles.Red,styles.One]}>Praveen</Text>
<Text style={[styles.White,styles.Two]}>
Hello, World
</Text>
<Text H1>Hello</Text>
<StatusBar style="auto" />
</View>
);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#FFFFFF',
alignItems: 'center',
justifyContent: 'center',
},
Red: {
color: '#F44336'

},
One: {
fontSize : 80
},
White: {
color : '#F44336'
},
Two: {
fontSize : 80
},
});