RN入门好文汇总

141 阅读1分钟

一、为什么用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时的命令)

开vpn设置终端代理;

  • 话说podfile的文件依据是什么?

./node_modules/react-native/thirdparty/xxx.podspec

  • yarn ios失败,xcodebuild 什么commandline问题

去xcode菜单给commandline选择一个xcode版本即可

  • yarn android碰到ruby版本问题

参考-如果编译失败ruby参考2

参考2

2、看1~2篇有参考价值的入门指导;

  • IDE:vscode 扩展器:

image.png

  • 了解下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教程,源码