reactjs 响应本地更改按钮文本颜色

brqmpdu1  于 2023-02-04  发布在  React
关注(0)|答案(2)|浏览(157)

我是一个React Native的初学者,我想我刚刚写了我的第一行代码。我做了一个按钮,并开始想知道如何改变按钮中文本的颜色和其他属性。<Button title="Click Me"></Button>
我也想知道有没有一些好的软件包推荐给初学者。谢谢你的帮助。

qjp7pelc

qjp7pelc1#

您可以像这样使用react-native中的Button,也可以传递颜色属性。

Button
  onPress={onPressLearnMore}
  title="Click Me"
  color="#841584"
/>

对于复杂和自定义按钮,您可以使用由react-native提供的Touchables按自己的样式创建它,而不必使用任何第三方库。
示例:

<TouchableOpacity style={{ here you can specify custom styles for button container }} onPress={gotoDashboard}>
        <Text style={{here you can specify text styles}}>Button Text Here</Text>
  // You can add there as many components according to your designs.
      </TouchableOpacity>
niknxzdl

niknxzdl2#

您应该像这样使用titleStyle:

<Button
  titleStyle={{
     color: '#00BAD4',
     fontSize: 30,
     fontStyle: 'italic',
  }}
  title="Title"
  buttonStyle={{
     backgroundColor: '#FFF',
     borderRadius: 4,
     margin: 5,
  }}
/>

顺便说一句,这里有更多关于按钮的有用信息:https://reactnativeelements.com/docs/components/button

相关问题