代码之家  ›  专栏  ›  技术社区  ›  Anshul

React Native Flip Card default clickable false and make true on button click(反应本机翻转卡默认可点击为false,点击按钮为true)

  •  0
  • Anshul  · 技术社区  · 7 年前

    我正在从事React Native项目,我正在使用 react-native-flip-card

    我的要求是在初始启动时使clickable为false,在点击按钮时使flip卡的clickable为true。

    1 回复  |  直到 7 年前
        1
  •  0
  •   Louis Lecocq    7 年前

    如果要修改组件内的行为,则 State Component 似乎是你需要的东西。

    可以设置状态属性,例如:

    this.state = {
      isClickable: false,
    }
    

    默认情况下,在组件构造函数中。

    然后将该值分配给您的FlipCard组件,例如:

    <FlipCard 
     *Your other properties*
     clickable={this.state.isClickable}
    >
    

    最后,当发生另一个事件(如按钮单击)时,只需更新状态属性:

    <Button
     onPress={() => this.setState({isClickable: true})}
     title="Make Flipcard clickable"
     color="#841584"
    />
    

    就是这样!如果有些事情不够清楚,请毫不犹豫地提出更多问题。