React native 如何更改React Native中的按钮字体大小?

React native 如何更改React Native中的按钮字体大小?,react-native,react-native-paper,React Native,React Native Paper,如何更改以下按钮的字体大小?将样式属性与fontSize一起使用不起作用 <Button style={{fontSize: 32}} uppercase={false} mode="contained"> Some text </Button> React Native按钮的功能非常有限,请参见 它没有样式道具,也没有设置字体大小 如果你想对外观有更多的控制,你应该使用TouchableXXXX的组件之一

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

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

React Native按钮的功能非常有限,请参见

它没有样式道具,也没有设置字体大小

如果你想对外观有更多的控制,你应该使用TouchableXXXX的组件之一,比如TouchableOpacity,它们非常容易使用:- 我给你做了一个钮扣。希望它对你有用

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

如果使用“反应本机元素”按钮,请使用标题样式设置字体大小

import {Input, Button} from 'react-native-elements';

<Button
   titleStyle={{
       color: "white",
       fontSize: 16,
   }}
   buttonStyle={{
       backgroundColor: "white",
       borderRadius: 60,
       flex: 1,  
   }}

   title="Click here"
/>
对于React native按钮,可以使用TouchableOpacity

<TouchableOpacity style={{height:50}}>
     <Text style={{fontSize:36}}>Click here</Text>
</TouchableOpacity>

我在TouchableXXX中为每个按钮使用文本组件,它更灵活,工作良好,您还可以尝试制作自己的按钮组件和传递道具,以控制字体大小、颜色……:

 <TouchableHighlight onPress={handelPress} style={styles.buttonStyle}>
     <Text style={styles.buttonTextStyle}>Click here</Text>
 </TouchableHighlight>

您使用哪种类型的按钮?反应本机或本机碱或反应本机元素或任何其他元素。请描述一下。我希望我们能帮助你做得更好way@shammi,我使用基本的“反应本机”按钮确定,先生。请尝试我现在发布的答案