如何更改react-native-material-textfield的标签颜色？

Question

<TextField
              label={"Full Name"}
              autoFocus={true}
              lineWidth={3}
              activeLineWidth={3}
              baseColor={"red"}
              labelTextStyle={{color:"grey"}}
              textColor={"grey"}`enter code here`
            />

目前labelTextStyle = {{color：“black”}}不起作用

Answer 1

如果您使用库“react-native-material-textfield”，那么要更改标签的颜色，您需要使用'baseColor'属性。通过使用此属性，我解决了我的问题，以更改标签的颜色。以下是我的代码段

<TextField
      label = 'USERNAME/MOBILENO'
      tintColor = '#51bc8a'
      value = {username}
      textColor = '#51bc8a'
      baseColor = '#FFFFFF'
      onChangeText = { (username) => this.setState({ username }) }
/>

Answer 2

labelTextStyle道具确实有效。查看this example Snack。你的问题是这个道具不控制标签本身的color。这由baseColor（当字段未激活时）或tintColor道具（当字段处于活动状态时）控制。 textColor控制文本输入的颜色，但不控制标签。