TabNavigator带有反应导航的模态弹出窗口？ （比如Instagram）

Question

是否可以使用带有标签栏按钮的TabNavigator启动模态屏幕？基本上模仿Instagram中心“分享”按钮的行为。

Answer 1

假设您已明确了react-redux的概念。您可以使用它来完成此任务。单击选项卡时，执行一个操作，设置/取消设置可用于显示/隐藏模态的道具。

你的减速机就像，

case SET_MODAL_VISIBILITY:
     state = {
        ...state,
        modalVisible: !state.modalVisible,
     }

以上情况将设置/取消设置modalVisible prop，它可以在使用react-redux的connect关键字导出的组件中使用。

比你的模态更像

 <Modal
     visible={this.props.modalVisible}
     onRequestClose={() => //any function you want to call}
     //any other attributes you want to use
 >
     <View>
          //any view you want to give your modal to
     </View>
 <Modal/>