React Native 如何将输入的禁用样式不仅应用于输入本身，而且应用于容器？

u7up0aaq 于 2022-11-25 发布在 React

关注(0)|答案(1)|浏览(164)

我使用的是来自react-native-elements的Input，当我添加disabledInputstyle时，它只改变了输入（就像名字所暗示的那样）。我知道我可以通过使用useState和定义disabled状态等来自己完成，但我想知道是否还有其他东西可以使样式应用于整个容器？

<Input
  placeholder="Select"
  containerStyle={{...}}
  inputContainerStyle={{...}}
  disabled={!searchResultId}
  disabledInputStyle={{backgroundColor: "grey"}}
  leftIcon={
       <Icon
          name="arrow-drop-down"
          type="materialicons"
       />
           }
/>

react-native

来源：https://stackoverflow.com/questions/74509018/how-to-apply-disabled-style-for-input-not-only-to-the-input-itself-but-to-contai

1条答案

按热度按时间

pdtvr36n1#

读取RNE的输入documentation，我没有看到任何其他属性来表示你想要的禁用状态。但是读取你的问题，我没有看到使用useState的必要，因为你有你的禁用值searchResultId。
您可以对containerStyle或inputContainerStyle或组件支持的任何其他样式道具中所需的禁用状态的样式进行内联条件渲染。
对于e. x

const containerStyle = !searchResultId ? disabledStyle : normalStyle;
<Input 
placeholder="Select"
containerStyle={containerStyle}
...restProps />

赞(0）回复(0）举报 2022-11-25

我来回答

React Native 如何将输入的禁用样式不仅应用于输入本身，而且应用于容器？

1条答案

相关问题

热门标签

最新问答