關鍵詞:NavigatorIOS ? ? ? COMPONENTS ? ?
本章我們將學習組件中的navigatorIOS,官方文檔寫的DEMO真的很坑爹果漾,不便于新手學習
我們先來看RN關于 NavigatorIOS 的API NavigatorIOS – React Native
NavigatorIOS
NavigatorIOS wraps UIKit navigation and allows you to add back-swipe functionality across your app.
NOTE: This Component is not maintained by Facebook
This component is under community responsibility. If a pure JavaScript solution fits your needs you may try theNavigatorcomponent instead.
NavigatorIOS 是基于 UIKit的導航欄(原生調用),它允許添加back-swipes來實現(xiàn)跨應用程序的功能。
注意:此組件不是由Facebook自己寫的禽车,是IOS原生的,F(xiàn)acebook自己用一個純JavaScript解決方案 重新寫了一個 Navigator組件 ?來代替NavigatorIOS( 我會寫一篇文章會來講解navigator)
NavigatorIOS界面效果:
Routes
A route is an object used to describe each page in the navigator. The first route is provided to NavigatorIOS as initialRoute:
routes是用來傳遞每一個nav頁面的,第一個路由是由NavigatorIOS中的initialRoute提供的
例子:
我們使用initialRoute來傳遞一個component,title肆捕,還有passProps 傳入的我們想要的屬性(值)
Navigator
A navigator is an object of navigation functions that a view can call. It is passed as a prop to any component rendered by NavigatorIOS.
導航功能視圖可以調用navigator這個對象,在NavigatorIOS 中通過navigator 來出傳遞數據和任何組件盖高。
NavigatorIOS是通過 ?this.props.navigator的形式去傳遞
例如:
this.props.navigator.pop() ?//推棧
this.props.navigator.push() //壓棧
如果想觸發(fā)NavigatorIOS這個導航欄上的效果那么就要調用 this.refs 這個方法了
例子:
結尾:
官方的demo讓人看了真的無法吐槽慎陵,我就簡單的寫一個例子!也簡單的把NavigatorIOS的API走一遍喻奥,希望大家上手輕松點吧席纽!