时间戳

首页 > 解决方案 > 如何在本机反应中隐藏和显示按钮单击视图？

react-native - 如何在本机反应中隐藏和显示按钮单击视图？

问题描述

我是 react-native 新手

我有两个按钮 A 和 B .... 以及两个视图 V1 和 V2 ....默认情况下 V1 是可见的，V2 是隐藏的。

如何实现

在按钮 B 上单击 - 使 V2 可见并隐藏 V1

在按钮 A 上单击 - 使 V1 可见并隐藏 V2

标签： react-nativeshow-hide

解决方案

您可以使用state

为特定视图创建渲染函数并使用if/else块有条件地渲染它们

renderViews() {
   if (this.state.viewVisible) {
      return <View1></View1>
   } else {
      return <View2></View2>
   }
}

像这样将方法放在您的渲染函数{this.renderViews()}中，并通过按钮和this.setState({viewVisible: true/false})

推荐阅读