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

Question

我正在弄乱字体大小并意外添加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)",
  }
});