ChargEco/Strides-APP

ChargEco - React Native

Application ID: com.strides.chargeco

环境搭建

npm install -g yarn
yarn global add react-native-cli

初始化

npx react-native init Strides

安装库

yarn add @react-native-community/art
yarn add @react-native-community/cameraroll
yarn add @react-native-async-storage/async-storage
yarn add @react-native-community/checkbox
yarn add @react-native-community/geolocation
yarn add @react-native-masked-view/masked-view
yarn add @react-native-community/push-notification-ios
yarn add @react-native-firebase/app
yarn add @react-native-firebase/messaging
yarn add @react-native-picker/picker
yarn add @react-navigation/drawer
yarn add @react-navigation/native
yarn add @react-navigation/stack

yarn add axios
yarn add react 17.0.1
yarn add react-native 0.64.0
yarn add react-native-camera
//yarn add react-native-cluster-map
yarn add react-native-code-push@6.4.0 yarn add react-native-device-info
yarn add react-native-gesture-handler
yarn add react-native-gradients
yarn add react-native-linear-gradient
yarn add react-native-i18n yarn add react-native-image-crop-picker
//yarn add react-native-image-picker
yarn add react-native-map-clustering
yarn add react-native-map-link
yarn add react-native-maps
yarn add react-native-modal
yarn add react-native-permissions
yarn add react-native-progress
yarn add react-native-push-notification
yarn add react-native-qrcode-scanner
yarn add react-native-reanimated
yarn add react-native-reanimated-skeleton
yarn add react-native-root-siblings
yarn add react-native-root-toast
yarn add react-native-safe-area-context
yarn add react-native-screens
yarn add react-native-share
yarn add react-native-svg
yarn add react-native-vector-icons
yarn add react-native-view-shot
yarn add react-native-webview
yarn add victory-native

运行（快捷命令）

Debug Android (yarn android)
react-native run-android

Debug iOS (yarn ios)
react-native run-ios

Start Metro Server (yarn start)
react-native start

测试（快捷命令）

Test Release (yarn release)
npx react-native run-android --variant=release

Test jest (yarn test)
npx jest

Check ESLint (yarn lint)
npx eslint .

清理（快捷命令）

Reset Caches (yarn reset)
react-native start --reset-cache

Clean Project (yarn clean)
cd android & ./gradlew clean

打包（快捷命令）

Build AAB for Android (yarn bundle)
cd android & ./gradlew bundleRelease

Build APK (yarn apk)
cd android & ./gradlew assembleRelease

Build JS to Android (yarn build:android)
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Build JS to iOS (yarn build:ios)
react-native bundle --platform ios --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

---

文档

React Native中文文档
导航库-React Navigation
动画库-Reanimated
矢量图标集
React Native常用库查询
React Native教程集合
React Native Firebase
骨架屏 Skeleton

Library Used

地图库
定位服务
地图聚合ClusterMap
地图聚合Clustering
地图聚合Clustered
矢量图标库
Modal弹窗
颜色渐变
Camera相机
二维码扫描
权限处理
下拉选择
多选框
Toast消息提示
react-native-svg
react-native-progress
react-native-screens
react-native-root-siblings
React Native Image Picker
React Native Image Crop Picker
Victory Native
Push NOtification
push-notification-ios
react-native-view-shot
Cameraroll
React Native Share
RNWebView
react-native-device-info
微软热更新react-native-code-push
国际化react-native-i18n

文章

https://blog.csdn.net/first_helloword/article/details/109903486
https://blog.csdn.net/LeoStarry2014/article/details/101178607
https://blog.csdn.net/daniel1227/article/details/95972996
https://blog.csdn.net/SpicyBoiledFish/article/details/70237681
https://www.jianshu.com/p/78fd5694446a
https://blog.csdn.net/qq_28483283/article/details/108239912
https://stackoverflow.com/questions/36685372/how-to-zoom-in-out-in-react-native-map
https://stackoverflow.com/questions/57227291/victory-native-events-props-not-working-in-react-native-event-not-firing-in/57723808
https://www.jianshu.com/p/0a51624dee2f
https://www.jianshu.com/p/8f75eb58b030
https://www.cnblogs.com/sundaysgarden/p/10357051.html

踩坑记

疑难杂症之module map file not found

iOS16专题

https://github.com/facebook/react-native/issues/32496
https://stackoverflow.com/questions/71597475/symbols-not-found-for-architecture-arm64-xcode

RN 0.72踩坑记

https://stackoverflow.com/questions/71702392/viewproptypes-will-be-removed-from-react-native-migrate-to-viewproptypes-export
https://stackoverflow.com/questions/55664673/require-cycles-are-allowed-but-can-result-in-uninitialized-values-consider-ref
https://www.jianshu.com/p/dd7c5d002303
https://stackoverflow.com/questions/75772965/error-react-native-permissions-nativemodule-rnpermissions-is-null

iOS18踩坑记

https://stackoverflow.com/questions/78120545/failed-to-build-ios-project-we-ran-xcodebuild-command-but-it-exited-with-erro
https://stackoverflow.com/questions/78993520/invalid-executable-the-executable-appname-app-frameworks-hermes-framework-herm
https://blog.csdn.net/galoiszhou/article/details/144554658