React native 需要帮助了解字体大小不正确更改的奇怪效果吗

我弄乱了字体大小，不小心添加了

style={fontSize=8}

（我知道这是错误的，应该是

style={{fontSize:8}

）我从中得到了一些非常奇怪的效果。当我改变数值时，我会得到看似随机的效果。例如，如果我使用

fontSize=3

它将有一个绿色背景，4将是蓝色背景，7将是红色轮廓。我来自本地的iOS开发背景，因此我对JavaScript和React Native的使用经验很少。有人能解释一下这里发生了什么吗？为什么我在尝试运行此操作时没有收到错误？这将如何改变它的显示方式？我正在寻找这一点，以帮助我更好地了解React Native的工作原理

  render() {
    return (
      <View style={styles.dialPadContainer}>
        <View style={styles.keypadContainer}>
          <View style={styles.keyRowContainer}>
            <TouchableHighlight
              style={styles.keyButton}
              onPress={() => {}}
              activeOpacity={75 / 100}
              underlayColor={"rgb(245,166,35)"}>
              <Text style={fontSize=7}>1</Text>
            </TouchableHighlight>
          </View>
        </View>
      </View>
    );
  }


 const styles = StyleSheet.create({
  dialPadContainer:{
   flex: 1,
   backgroundColor: "green",
 },
  keypadContainer:{
   flex: 65,
   flexDirection:'column',
   backgroundColor: "rgba(74,144,226,1)",
 },
  keyRowContainer:{
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center',
   flexDirection:'row',
   backgroundColor: "rgba(74,144,226,1)",
 },
  keyButton: {
     flex: 1,
     justifyContent: "center",
     alignItems: "center",
     borderWidth: 1,
     backgroundColor: "rgb(255,255,255)",
  }
});

render（）{
返回(
{}}
activeOpacity={75/100}
参考底色={“rgb（245166,35）”}>
1.
);
}
const styles=StyleSheet.create({
拨号盘容器：{
弹性：1，
背景颜色：“绿色”，
},
键盘容器：{
弹性：65，
flexDirection:“列”，
背景颜色：“rgba（74144226,1）”，
},
keyRowContainer：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
flexDirection:“行”，
背景颜色：“rgba（74144226,1）”，
},
按键：{
弹性：1，
辩护内容：“中心”，
对齐项目：“中心”，
边框宽度：1，
背景颜色：“rgb（255255）”，
}
});

可能是他们这边的一个bug？我会打开一个问题，看看是否有任何进一步的进展。它应该在imo中出错，因为传递除样式对象以外的任何内容都不是预期的。可能是它们端的错误吗？我会打开一个问题，看看是否有任何进一步的进展。它应该在imo中出错，因为传递样式对象以外的任何内容都不是预期的。