亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

React Native入門(三):react-navigation點擊頁面跳轉

標簽:
React Native

导航器下载:

React native导航器分2.X和3.X,写法也不一样。用yarn add react-navigation可以下载导航组件,但默认是下载最新的版本,如果看着2.X的教程用着3.X的组件,那么报的错就会找不到北了。

下载2.X完美解决:yarn add react-navigation@^2.18.3


入门实例:从一个页面点击按钮跳转到另外一个页面

初始化项目以及导航器下载后,开始react-navigation第一个例子,那就是从HomePage页面点击按钮跳转到Page1页面。

1、首页需要建一个导航器,做法新建文件夹navigators,在navigators中建立AppNavigators.js的空白js文档。

2、建立一个放页面的文件夹page,在page中建立两个页面HomePage和Page1,代码如下

HomPage.js:

https://img1.sycdn.imooc.com//5ca852540001f2ce04720328.jpg

Page1.js:

https://img1.sycdn.imooc.com//5ca8527900012b8903950229.jpg

3、修改AppNavigators.js,实现跳转功能。    

       先导入导航组件,再导入页面,最后声明路由。

https://img1.sycdn.imooc.com//5ca852a10001915804870216.jpg

5、运行成功,点击跳转到page1



點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
PHP開發工程師
手記
粉絲
11
獲贊與收藏
28

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消