Question

我想在React-Native中更改按钮标签中文本的颜色。但是出现错误“不变违反：按钮的标题属性必须是字符串”。另外，建议我一些好npm在React-Native中创建Button。我尝试了下面的代码，但是它不起作用。

color属性仅更改按钮的背景色。我需要更改文本的颜色。

<View style = {styles.container}>
   <Text style = {styles.maintext}>Add all your Social Media Profile ID</Text>

   <Button title="Yes, Take me there" color="#841584" />
   //only changes the Background Color

   <Button> <Text style={{color: '#ff0000'}}> Not Now </Text>  </Button>
   //this line shows the Error

</View>

请帮助我。谢谢：）

Answer 1

颜色属性的行为取决于您使用/模拟应用程序的平台（在iOS上，它会更改文本颜色，在Android上，它会更改背景：https://facebook.github.io/react-native/docs/button.html）

我建议您使用封装文本的TouchableOpacity标签：

<TouchableOpacity onPress={...}>
  <Text style={{color: '#ff0000'}}>Some text here</Text>
</TouchableOpacity>

错误：“按钮的标题属性必须是字符串。”如何在按钮标签React-Native中更改文本的颜色

1 个答案: