尝试了下 React Native 搭建跑起第一个Demo (第一次跑React Native是会比较花时间的,耐心去一步一步去解决就好)

准备工作

安装所需的工具

JDK 17 版本必须要大于等于17 和 小于等于20

Android Studio 最新版即可

Node.js 版本必须要大于等于18

安卓模拟器 用android studio自带的,或者第三方的

创建React Native项目

  npx react-native init AwesomeProject

建立出来后的项目结构

1

检查环境

中途必须配置好 JDK 和 Android SDK 和ADB 详情可以看中文网的文档

[React Native 中文网] (https://reactnative.cn/docs/environment-setup)

npx react-native doctor  # 检查环境

环境如果全部检查通过,可以开始启动项目了

1

启动项目

#启动android
npx react-native run-android
#启动ios
npx react-native run-ios

08

09

总结

跑起这一个demo花了我一天的时间,我觉着这一天我可以做很多东西了,这里面各种编译,各种网络问题拉不下来依赖。编译看了下语法,还是和React有很大不同的,编译出来的代码是kotlin的,是调用的原生平台的组件,性能方面比Webview的性能要好很多,但是估计熟悉还是要话一点时间。