前言:
這是我個人學習的紀錄,並不是手把手的教學文章,如果有人也是剛入門的話
照著影片內容實做也能完成 🙂
目前開發環境:
node.js: v14.17.6
npm: 6.14.15
react: 17.0.1
react-native: 0.64.3
expo: 44.0.4
※手機需要安裝 EXPO Go (Android / iOS)成果預覽圖:
影片:
程式碼:
實作的完成檔:
git clone https://smilehsu@bitbucket.org/smilehsu/yt_example_foodui0218.git
備註:
這個範例我二月初就做完了,放了兩個月才熊熊想起來還沒放上來
這兩個月也暫時沒在摸React Native的手機APP開發...
我想現在叫我寫應該又忘記一堆東西了 XDDD
Reference:
- 影片的YT連結: REACT NATIVE FOOD APP UI
- 影片內容的程式碼: hakymz/FoodAppUIReactNative
- React Navigation 官網
- Bottom Tabs Navigator
- Bottom Tab Navigation with Animation | React-Navigation v6/5