React Native Flip Card default clickable false 并在按钮点击时设为 true

Question

我正在做 React Native 项目，我正在使用 react-native-flip-card 这个组件。

我的要求是在初始启动时将 clickable 设置为 false，并在单击按钮时将翻转卡片的 clickable 设置为 true。

Answer 1

如果您想修改组件内部的行为，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"
/>

就是这样！如果有什么地方不够清楚，请随时提出更多问题。

React Native Flip Card default clickable false and make true on button click