Question

我是react-native-router-flux的新手，看看这个例子。我检查了文档，但我仍然无法弄清楚<Scene key='modal' component={Modal}/>是什么。它的用途是什么？

以下是确切的行：https://github.com/aksonov/react-native-router-flux/blob/master/Example/Example.js#L95-Lundefined

谢谢

Answer 1

<Scene key='modal' component={Modal}/>设置应用，以便模式可以显示在其他所有内容之上。它不是模式本身，只是用于准备应用程序的线条，它可以＆＃39;在其顶部加载其他内容...如z-index或初始化的最顶层。这有帮助吗？

参考：https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#modals-modal-or-scene-modal

从下面的代码示例中，您可以看到＆＃39; root＆＃39; （比你的模态线低一级）与实际的＆＃39;处于同一水平。模态：

import StatusModal from './components/StatusModal'

<Router>
  <Scene key="modal" component={Modal} >
    <Scene key="root">
      <Scene key="screen1" initial={true} component={Screen1} />
      <Scene key="screen2" component={Screen2} />
    </Scene>
    <Scene key="statusModal" component={StatusModal} />
  </Scene>
</Router>

如果你没有模态，你就不需要那条线。它只是在本地路由器通量示例中，因为那里有一个模态演示。

React Native + react-native-router-flux：<scene key =“modal”component =“{Modal} /”>是做什么的？

1 个答案: