React Native + react-native-router-flux：做什么 <Scene key='modal' component={Modal}/> 做？

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}/>設置了應用程序，以便模態可以出現在其他所有內容之上。 這不是模態本身，只是用於准備應用程序的行，它“可以”在其頂部加載其他內容……例如z-index或正在初始化的最頂層。 有幫助嗎？

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

從下面的代碼示例中，您可以看到“根”（模態行下方的一個級別）與“實際”模態處於同一級別：

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本機路由器流量示例中，因為那里有一個模式演示。