如何将模态放入react-navgation根目录?

时间:2017-12-21 07:19:44

标签: react-native react-redux jsx react-navigation

enter image description here

如上图所示,我想在我的root应用程序中放置一个模态,然后我可以随时随地控制模态显示,但问题是modalClass应该放在哪里。

1 个答案:

答案 0 :(得分:0)

React 16中引入了一个名为this.props.navigation.state.params.user 的功能,旨在处理这种情况。

您在Portals文件中再添加一个条目(模态根),如此

index.html

然后渲染到模态DOM元素

<html>
  <body>
    <div id="app-root"></div>
    <div id="modal-root"></div>
  </body>
</html>

参考门户documentation