React Native Flip Card默认可点击false,并在按钮点击时生效

时间:2017-11-22 08:59:24

标签: react-native flip

我正在研究React Native Project,我正在使用react-native-flip-card这个组件。

我的要求是在初次启动时点击为false,然后点击按钮使翻转卡片可以点击为真。

1 个答案:

答案 0 :(得分:0)

如果您想要修改Component内部的行为,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"
/>

那就是它!如果某些事情不够清楚,请不要犹豫,提出更多问题。