禁用react native按钮

我正在使用react native制作一个android应用程序，我已经使用TouchableOpacity组件来创建按钮。我使用一个文本输入组件来接受来自用户的文本，并且该按钮只应该在文本输入匹配某个字符串时启用。我可以想到一种方法来做到这一点，即最初呈现按钮而不使用TouchableOpactiy包装器，并在输入字符串匹配后使用包装器重新呈现。但我猜有更好的办法。有人能帮忙吗?

当前回答

就这么做

<TouchableOpacity activeOpacity={disabled ? 1 : 0.7} onPress={!disabled && onPress}>
  <View>
    <Text>{text}</Text>
  </View>
</TouchableOpacity>

2016-01-03 00:32:41

其他回答

就这么做

<TouchableOpacity activeOpacity={disabled ? 1 : 0.7} onPress={!disabled && onPress}>
  <View>
    <Text>{text}</Text>
  </View>
</TouchableOpacity>

2016-01-03 00:32:41

这似乎是一种可以用高阶分量来解决的问题。我可能是错的，因为我自己也在努力100%地理解它，但也许它会对你有帮助(这里有几个链接)……

http://www.bennadel.com/blog/2888-experimenting-with-higher-order-components-in-reactjs.htm http://jamesknelson.com/structuring-react-applications-higher-order-components/

2015-10-29 21:22:46

使用禁用的true属性

<TouchableOpacity disabled={true}> </TouchableOpacity>

2020-12-26 15:29:01

要禁用文本，你必须在文本样式中设置不透明度:0，如下所示:

<TouchableOpacity style={{opacity:0}}>
  <Text>I'm disabled</Text>
</TouchableOpacity>

2019-12-04 12:44:16

以下是我在这方面的工作，希望能有所帮助:

<TouchableOpacity
    onPress={() => {
        this.onSubmit()
    }}
    disabled={this.state.validity}
    style={this.state.validity ?
          SignUpStyleSheet.inputStyle :
          [SignUpStyleSheet.inputAndButton, {opacity: 0.5}]}>
    <Text style={SignUpStyleSheet.buttonsText}>Sign-Up</Text>
</TouchableOpacity>

在SignUpStyleSheet。inputStyle保存按钮禁用或未禁用时的样式，然后在style={this.state。有效性?SignUpStyleSheet。inputStyle: [SignUpStyleSheet.]如果按钮被禁用，我添加不透明度属性。

2018-09-08 20:54:06

禁用react native按钮

推荐文章

最新文章

标签