如何在 React Native 中更改按钮字体大小？

Question

如何更改以下按钮的字体大小？将 style 属性与 fontSize 一起使用不起作用。

   <Button
       style={{fontSize: 32}}
       uppercase={false}
       mode="contained">
     Some text
   </Button>

Answer 1

React Native Button 的功能非常有限，请参阅；https://facebook.github.io/react-native/docs/button

它没有样式道具，您也没有设置 fontSize。

如果你想对外观有更多的控制，你应该使用 TouchableXXXX 的一个组件，比如 TouchableOpacity 它们真的很容易使用:-) 我已经为你制作了一个按钮。希望它对你有用

<TouchableOpacity style={{height:50,backgroundColor:"skyblue",alignItems:'center',justifyContent:'center'}}>
     <Text style={{fontSize:32,}}>Some Text</Text>
</TouchableOpacity>