1. 程式人生 > >react-native導航器 react navigation 介紹

react-native導航器 react navigation 介紹

開發環境搭建 部署 ica sam native 找不到 組件 getting start

開發環境搭建好之後,想要進一步了解react-native,可以先從react-native官網上的電影列表案例入手:

https://reactnative.cn/docs/0.51/sample-application-movies.html

完成這個案例後,你可能會發現該案例並沒有實現點擊條目跳轉。所以本篇來介紹一下react-native中占主流地位的導航組件 react navigation 。

首先在項目根目錄下運行 yarn add react-navigation,註意,這裏最好不要用npm,用npm容易導致在部署之後報找不到模塊的異常。

react-navigation的官方文檔:

https://reactnavigation.org/docs/getting-started.html

官方文檔已經寫得很簡潔易懂了,只要有一些react基礎,按照文檔上的案例一步步來,很容易就可以掌握用法。

如果是第一次接觸react,還是建議從基本的react開始學習。

由於react-native及其相關組件的更新速度較快,api變動幅度也比較大。所以學習的時候建議優先從官方文檔入手,以免教程上的api過時導致各種異常。

react-native導航器 react navigation 介紹