Question

我希望更改文字颜色＆amp; android中的占位符textcolor反应原生app：

render: function() {
return (
  <View>
    <TextInput
      placeholder='Add Credit'
      placeholderTextColor='ffffff'
      textAlign='center'
    />
  </View>
);
},
var styles = StyleSheet.create({


creditInput: {
    backgroundColor: "#3f51b5",
    color: "#ffffff", //Expecting this to change input text color

},

（引用：https://facebook.github.io/react-native/docs/textinput.html#content）

placeholderTextColor和backgroundColor按预期更改，但不会更改输入文本颜色。我使用了错误的属性，还是这是一个本机/机器人的反应错误？

Answer 1

我可以确认它适用于iOS，而不适用于Android（至少对于React Native 0.14.2）。

此问题是几天前提交的（请参阅https://github.com/facebook/react-native/issues/3742）它应该是固定的，但仅限于最新的预发布版本（v0.15.0-rc）。

Answer 2

将样式添加到TextInput组件中，我猜它会起作用！

 render: function() {
return (
  <View>
    <TextInput
      style={styles.creditInput}
      placeholder='Add Credit'
      placeholderTextColor='ffffff'
      textAlign='center'
    />
  </View>
);
},
var styles = StyleSheet.create({


creditInput: {
    backgroundColor: "#3f51b5",
    color: "#ffffff", //Expecting this to change input text color

},

在ReactNative

2 个答案: