代码之家 › 专栏 › 技术社区 › Brian Knoblauch

如何使用NativeBase隐藏表单?

native-base react-native

0

Brian Knoblauch · 技术社区 · 7 年前

我有一个表单,我想以编程方式隐藏/显示它,但无法确定如何隐藏/显示。我可以想象有一个标签可以做类似于“禁用”的标签,但我似乎不知道它是什么。无论谷歌需要什么神奇的关键词来告诉我答案都是我想不出来的!

所以,举个例子,我想做的是:

<Form visible={this.isFormComplete}>

到目前为止,我在NativeBase网站上找不到任何有用的东西,并通过谷歌搜索,我尝试过“显示”、“隐藏”、“隐藏”和“可见”标签,但似乎没有任何效果。

2 回复 | 直到 7 年前

1

sanjar 7 年前

简单的条件渲染怎么样,比如:

{this.isFormComplete && <Form/>}

2

1

tron 7 年前

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

state = {
    visible: true
}

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