一、为什么用RN?
JS比较好入门,库多/资料多; 可以热更; 支持与native view的互相嵌套; 新版本还支持skia渲染方式(文档),估计以后flutter会被边缘化了。 rn支持mapbox正好符合业务诉求
二、入门指导:
1、官网(主要配置下环境,创建一个demo)
# 使用nrm工具切换淘宝源
npx nrm use taobao
# 如果之后需要切换回官方源可使用
npx nrm use npm
- 创建项目与启动项目
yarn ios或android(有改native代码的命令?) yarn start(没改到native时的命令)
-
开发者工具(暂时不用) reactnative.cn/docs/react-…
-
pod facebook/Flipper失败
开vpn设置终端代理;
- 话说podfile的文件依据是什么?
./node_modules/react-native/thirdparty/xxx.podspec
- yarn ios失败,xcodebuild 什么commandline问题
去xcode菜单给commandline选择一个xcode版本即可
- yarn android碰到ruby版本问题
【参考2】
2、看1~2篇有参考价值的入门指导;
- IDE:vscode 扩展器:
- 了解下RN的来龙去脉;
cloud.tencent.com/developer/a…
- yarn android错误的处理
build tool找不到30.0.0,build的gradle也没有描述,在project structure-》module->选择正确的33.0.0。然后build.gradle更正下:
compileSdkVersion rootProject.ext.compileSdkVersion
但还是不行,于是按默认的gradle版本8.0.1走,安装上了30.0.0,结果成功了。
3、接下来的学习路径是什么?
React redux
路由
UI组件
- 教程 youtube:net ninja的RN教程,源码