【问题标题】:How to change disabled <TextInput/> color如何更改禁用的 <TextInput/> 颜色
【发布时间】:2020-05-06 16:35:51
【问题描述】:

在传递道具editable=false 时响应原生更改文本颜色。

如何更改文本输入的颜色?,我已阅读文档https://reactnative.dev/docs/textinput,但没有得到帮助

【问题讨论】:

    标签: react-native


    【解决方案1】:

    如果您要更改文本输入颜色,您可以根据 prop 更新样式:

    <TextInput style={{ color: editable ? 'red' : 'blue' }} ... />
    

    如果您尝试更改占位符颜色,您可以以类似的方式进行,但使用 placeHolderTextColor 属性代替:

    <TextInput placeHolderTextColor={ editable ? 'red' : 'blue' } ... />
    

    【讨论】:

    • 谢谢!!你太棒了,我完成了props.editable == false &amp;&amp; { color: undefined },因为我使用了文本输入值的默认颜色
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-07
    • 2023-03-21
    • 2011-06-11
    • 1970-01-01
    • 2016-07-28
    • 1970-01-01
    相关资源
    最近更新 更多