不知道如何在本机反应中配置此文本颜色更改

Question

这是一张方块卡- 小吃

“未选择过滤器”随变量的 state 变化：

const [filterLimit, setfilterLimit] = useState('');

我正在尝试使用文本输入显示此变量的值来代替“未选择过滤器”。 例如，如果用户在过滤器框中输入 10，则将显示 10 来代替“未选择过滤器”。

<View style={{alignItems: 'center', justifyContent: 'flex-start', backgroundColor: '#C71585', borderRadius: 10, width: 160, height: 100, marginLeft: -660, marginTop: 50}}>
    <TextInput
      numeric
      placeholder="No filter selected"
      placeholderTextColor = "#FFFFFF"
      value={filterLimit}
    />
     </View>

占位符设置为白色。 我想将值“{filterLimit}”设置为也以白色显示。 有没有办法做到这一点？ 我尝试将 styles 'color' 属性设置为白色，它不起作用。

Answer 1

试试这个方法

<TextInput
      numeric
      placeholder="No filter selected"
      placeholderTextColor="#ffffff"
      value={filterLimit}
      onChangeText={text => setfilterLimit(text)} // add this
      style={{color: "#ffffff"}}
/>