React Native中Text组件颜色与字号修改不生效问题求助

核心问题点 #

• Hello, World对应的<Text>组件样式属性名拼写错误：React Native 中样式属性固定为小写开头的style，你的代码中写为大写开头的Style，属于无效属性，系统无法识别绑定的样式规则。
• 显示Hello的<Text>组件未绑定任何自定义样式：React Native 的Text组件没有类似 HTML 的H1内置样式属性，你写的H1是无效自定义属性，不会自动生成字号、字重效果，需要手动绑定style属性和对应样式规则。
• 可选优化：你定义的White样式的颜色值仍为红色#F44336，如果需要白色可修改为#FFFFFF。

修正后完整代码 #

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>
      {/* 把Style改为小写style */}
      <Text style={[styles.White,styles.Two]}>
        Hello, World
      </Text>
      {/* 给Hello对应的Text绑定自定义样式 */}
      <Text style={styles.Hello}>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: {
    // 若需要白色可改为 #FFFFFF
    color : '#F44336'
  },
  Two: {
    fontSize : 80
  },
  // 新增Hello对应的样式规则，可按需调整
  Hello: {
    color: '#000000',
    fontSize: 40,
    fontWeight: 'bold'
  }
}); 

内容的提问来源于stack exchange，提问作者praveen sonkusare