hospital

react-native 项目

• 自己练手一个移动开发的项目(给我老婆开发的方便她工作) 医疗系统 软件。
• 开始时间：2018:09:15

相关技术：

前端:

• react-native
• js es6 typescript
• swift

后端：

java? python? node? 还没有决定

相关依赖库：

• react-navigation
• rn-mobile-ant-design
• react-native-debugger
• react-native-image-picker
• react-native-device-info
• lodash

环境：

step1 : npm install / yarn

step2 : ios: react-native run-ios/run-android

step3:copy 根目录下的 assets/iconfont.ttf 到 node_modules/ 下的 react-native-vector-icons fonts 下 执行：react-native link react-native-vector-icons

更新图标按钮： 下载 iconfont 的字体文件，添加 iconfont.ttr 到项目里面 执行：react-native link react-native-vector-icons

macOs debugger:

解决调试不方便 调试缓慢的问题

• $ REACT_DEBUGGER="open -g 'rndebugger://set-debugger-loc?port=8001' ||" react-native start

• $ open "rndebugger://set-debugger-loc?host=localhost&port=8081"

• windows: set REACT_DEBUGGER="rndebugger-open --open --port 8081" && npm start

• 真机调试 在 iOS 上 打开”RCTWebSocketExecutor.m “文件，将“localhost”改为你的电脑的 ip，然后在 Developer Menu 下单击”Debug JS Remotely” 启动 JS 远程调试功能。

踩坑

• 修改项目已经引用组件的目录结构容易产生找不到组件报错 ： rm -rf ios/build 清除缓存 重新构建
• 安卓清除缓存 sudo ./gradlew clean
• 需要开启 cpu 的虚拟环境 解决 virtual device 闪退的问题