安装环境
- 安装 nodejs nodejs.org/zh-cn/
- 设置 npm 淘宝镜像 npx nrm use taobao
- 安装 expo 命令行工具 npm install --global expo-cli
开发应用
- 创建应用 expo init my-app
- 切换目录 cd my-app
- 调试运行 yarn start
- 在打开的web控制台进行调试管理
- 安装expo的app iOS App Store docs.expo.io/get-started…
- 可以通过模拟器运行
- 发布应用expo publish
- 优化项目中的图片资源 npx expo-optimize
- 开发菜单 ^⌘+Z (iOS)和Ctrl + M (Android) （模拟器下）
原生本地交互
- 选择本地图片 docs.expo.io/tutorial/im…
- 分享本地图片 docs.expo.io/tutorial/sh…
- 平台间差异化处理 Platform.OS docs.expo.io/tutorial/pl…
- 配置启动图和icon docs.expo.io/tutorial/co…
和css样式的区别
- 命名规则改成驼峰命名如： font-size 改成 fontSize
- Flex 布局兼容
总结
对于web前端开发来讲，react natvie的跨度相对flutter要小很多。
