React Native

- Dispatch route like web uri

講者: Tomas

(孽)緣起 -

我曾經是後端工程師

今天是一個

後端走向前端的血淚史

今年一月的時候

  • 老闆說現在缺一個人寫APP

  • 聽說React Native 很潮

  • 聽說你寫過React

老闆眼中的我是

我實際的表情是

感受到我的驚恐與無助了麻

扯遠了.............

今天要談的其實是

View Controler

今天會聊到的幾件事

  • Component

  • Navigation

  • APP的上一頁與下一頁

  • multiple Navigation

  • 集中管理你的Pages

  • Route與Page的對應

  • Component的重複使用

Component

Navigation

Multiple Navigation

我的檔案
檔案列表
聊天室
通知
剛開始不懂
照抄React Native Navigator 的範例

然後先把畫面畫出來吧

然後做到第三頁就....

爆炸了.........

太多的Pages

我們需要一個控制中心

要先幫所有頁面定義一個UID

因為我用了Redux

View

Actions

Type

UID

...params

Store

UID

...params

  • Store 記錄了不應該紀錄的東西

  • 如果再加上其他參數會導致Store肥大

  • UID並不直覺

  • 並沒有做到集中管理

使用其他Lib 協助

UID改為Route 來取代

在做一些整理之後....

View

Route Control Center

Push File Scene

Push Media Scene

Pop Scene

Push List Scene

/media/?name=hello.mp4

/files/

/list/

/media/

Demo

Q and A

參考資訊

React Native

By Tomas Lin

React Native

  • 425
Loading comments...

More from Tomas Lin