如何使用Nativebase隐藏表单?

时间:2018-11-20 13:36:23

标签: react-native native-base

我有一个想要以编程方式隐藏/显示的表单,但是无法弄清楚该如何做。我以为有一个类似于“ disabled”标签的标签,但是我似乎无法找出它是什么。谷歌需要给我答案的魔术关键字是我想不到的答案!

例如,我想做什么:

<Form visible={this.isFormComplete}>

到目前为止,在Nativebase网站上或通过Googling找不到任何有用的东西之后,我尝试了“显示”,“隐藏”,“隐藏”和“可见”标签,但似乎没有任何作用。 / p>

2 个答案:

答案 0 :(得分:1)

像这样的简单条件渲染呢?

{this.isFormComplete && <Form/>}

答案 1 :(得分:1)

您应该在状态中声明一个变量,然后可以在return语句中使用状态变量。

state = {
    visible: true
}

{this.state.visible ? <Component /> : null}