【React Native】快速入门

对于移动端应用来说,开发 Android 应用使用的语言有 java 和 kotlin,开发 ios 应用使用的语言有 obj-c 和 Swift 。因此,我们使用 react-native 编写一套代码进行跨端开发。

构建项目:

bash 复制代码
npx create-expo-app@latest

安装 nativewind:

根据官方文档逐步安装第一步到第七步 nativewind

这里的第五步,需要导入到 _layout.tsx:

现在都安装最新版,可能有报错:The following packages should be updated for best compatibility with the installed expo version:

react-native-reanimated@3.16.2 - expected version: ~3.17.4

Your project may not work correctly until you install the expected versions of the packages.

我们只需要按照提示更新版本即可:npm i react-native-reanimated@3.17.4

然后通过 npm start 启动项目,看到二维码使用 expo go 扫描即可构建启动项目。

这里还有一个问题,可能报错:Uncaught Error: java.io.OException: Failed to downloadremote update

不过stackoverflow已经有解决方案,只需要执行 npx expo start --tunnel 即可。

之后应该就可以看到初始化项目页面了。

相关推荐
知识分享小能手2 小时前
微信小程序入门学习教程,从入门到精通,微信小程序常用API(上)——知识点详解 + 案例实战(4)
前端·javascript·学习·微信小程序·小程序·html5·微信开放平台
蓝莓味的口香糖3 小时前
【JS】什么是单例模式
开发语言·javascript·单例模式
ObjectX前端实验室4 小时前
【react18原理探究实践】异步可中断 & 时间分片
前端·react.js
reembarkation5 小时前
自定义分页控件,只显示当前页码的前后N页
开发语言·前端·javascript
gerrgwg5 小时前
React Hooks入门
前端·javascript·react.js
ObjectX前端实验室5 小时前
【react18原理探究实践】调度机制之注册任务
前端·react.js
汉字萌萌哒5 小时前
【 HTML基础知识】
前端·javascript·windows
ObjectX前端实验室6 小时前
【React 原理探究实践】root.render 干了啥?——深入 render 函数
前端·react.js
北城以北88887 小时前
Vue--Vue基础(二)
前端·javascript·vue.js
ObjectX前端实验室8 小时前
【react18原理探究实践】更新调度的完整流程
前端·react.js