如何創建一個原生的外觀模態視圖segue with react-native？

有沒有一種方法可以執行模式切入，從底部向上移動視圖和導航欄，覆蓋現有的導航欄，視圖和標籤欄等？如何創建一個原生的外觀模態視圖segue with react-native？

有在UIExplorer一個類似的例子，其中圖「導航」使用「configureScene」從底部經由Navigator.SceneConfigs.FloatFromBottom漂浮的圖（但不是導航欄）等原生應用的模態塞格斯都應該爲新導航欄添加動畫並從底部查看。注意：一個很好的例子是健康應用程序，點擊'醫療ID'選項卡，然後點擊導航欄中的'編輯'按鈕，並注意其導航欄和視圖如何動畫並覆蓋現有的導航欄，標籤欄和視圖。

我可以在facebook groups應用程序中看到一個模態的segue，這是我理解的反應本機。點擊「組」標籤，點擊「創建」導航欄按鈕。

有誰知道如何實現原生莫代爾塞格斯反應原生？

來源

2015-03-31 McG

[從v0.10開始有一個模態組件（https：//開頭的github .com/facebook/react-native/blob/master/Examples/UIExplorer/ModalExample.js） – syg 2015-08-25 06:48:42

@syg文檔說它用於混合RN和應用程序的本機部分。 – 2016-03-03 14:42:55

我使用React Native Navigator組件。

要做到這一點，您可以將導航器放入另一個導航器的場景中。外部導航器配置其場景Navigator.SceneConfigs.FloatFromBottom或類似的東西。裏面的場景，你可以有另<Navigator>與navigationBar={<Navigator.NavigationBar ...etc />}

來源

2015-04-22 17:16:28

你能在這裏更具體嗎？有點難以遵循這一點，它似乎是一個基本要求，似乎沒有清楚記錄在任何地方。 – 2015-04-25 16:44:09

自己弄明白了 – 2015-04-29 20:35:17

如果文檔現在稀少，我們抱歉。我一直專注於穩定API併爲Android應用程序構建功能。如果您想幫助澄清其他人的文檔，請隨時提交PR：https：//github.com/facebook/react-native/blob/master/Libraries/CustomComponents/Navigator/Navigator.js – 2015-05-02 07:46:20

enter image description here

this.props.navigator.push({ 
    title: 'Pick Date', 
    sceneConfig: Navigator.SceneConfigs.FloatFromBottom, 
    component: DatePickerView, 
    navigationBar: <NavigationBar 
     title="Initial View"/>, 
    passProps: {handleSelectedDate: this.handleSelectedDate} 
})

鏈接到源是在這裏：https://github.com/aaronksaunders/React-Modal-Nav-Example

來源

2015-04-29 20:35:37

與此一起努力好。你有一個完整的例子嗎？ – Rory 2015-04-30 09:22:57

我在這裏發佈了一個使用模塊的更完整的示例。 aaronksaunders/React-Modal-Nav-Example http://bit.ly/1JCRE6y – 2015-05-11 22:22:43

如何創建一個原生的外觀模態視圖segue with react-native？

回答

相關問題