前言：之前已分享發想階段到將APP畫面構想出來，心中對於APP的藍圖越來越清晰了
接下來幾天會分享開發階段歷程、遇到&如何面對解決問題等等

有了藍圖後，就可以開始建立 React Native 專案來寫Code啦

1.React Native Cli 指令建立專案
2.安裝專案會用到的npm依賴項(安裝套件)，如 發API的axios、建立APP路由 React Navigation
3.UI美化庫

 "dependencies": {
    "@react-native-async-storage/async-storage": "^1.19.3",
    "@react-navigation/bottom-tabs": "^6.5.8",
    "@react-navigation/material-bottom-tabs": "^6.2.16",
    "@react-navigation/native": "^6.1.7",
    "@react-navigation/native-stack": "^6.9.13",
    "@react-navigation/stack": "^6.3.18",
    "axios": "^1.5.1",
    "react": "18.2.0",
    "react-native": "^0.72.4",
    "react-native-document-picker": "^9.0.1",
    "react-native-elements": "^3.4.3",
    "react-native-gesture-handler": "^2.13.1",
    "react-native-modal": "^13.0.1",
    "react-native-paper": "^5.10.6",
    "react-native-permissions": "^3.10.0",
    "react-native-progress": "^5.0.0",
    "react-native-qrcode": "^0.2.7",
    "react-native-qrcode-svg": "^6.2.0",
    "react-native-radio-buttons-group": "^3.0.5",
    "react-native-safe-area-context": "^4.7.2",
    "react-native-screens": "^3.25.0",
    "react-native-svg": "^13.14.0",
    "react-native-swipe-gestures": "^1.0.5",
    "react-native-swiper": "^1.6.0",
    "react-native-vector-icons": "^10.0.0"
  },

參考資源
React Native
React Navigation
react-native-paper