禁用React Native上的按钮

Jeff P Chacko:

我正在使用react native制作一个android应用程序,并且使用了TouchableOpacity组件来创建按钮。
我使用文本输入组件来接受来自用户的文本,并且当文本输入与特定字符串匹配时才应启用按钮
我可以想到一种方法,方法是先在没有TouchableOpactiy包装器的情况下呈现按钮,然后在输入字符串匹配后用包装器重新呈现。
但是我猜想有更好的方法来做到这一点。有人可以帮忙吗?

朱利安·丹尼乌(Julien Deniau):

TouchableOpacity范围TouchableWithoutFeedback,因此您可以只使用disabled属性:

<TouchableOpacity disabled={true}>
  <Text>I'm disabled</Text>
</TouchableOpacity>

React Native TouchableWithoutFeedback #disabled文档

新的Pressable API也有一个disabled选项:

<Pressable disable={true}>
  {({ pressed }) => (
    <Text>I'm disabled</Text>
  )}
</Pressable>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章