【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 即可。

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

相关推荐
拉不动的猪33 分钟前
回顾计算属性的缓存与监听的触发返回结果
前端·javascript·vue.js
树欲静而风不止慢一点吧1 小时前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
用户313050086271 小时前
JavaScript中的迭代器和生成器
javascript
Crystal3281 小时前
图片懒加载
前端·javascript·代码规范
Revol_C1 小时前
开箱即用!轻量级轮询方案,支持同步获取轮询结果!
前端·javascript·设计模式
俊劫2 小时前
AI 编码技巧篇(内部分享)
前端·javascript·ai编程
多看书少吃饭3 小时前
从 ScriptProcessor 到 AudioWorklet:Electron 桌面端录音实践总结
前端·javascript·electron
钱多多8104 小时前
Vue版本降级操作指南(解决依赖冲突与版本不一致问题)
前端·javascript·vue.js·前端框架
门思科技4 小时前
门思科技正式开放 ThinkLink 纯国产化物联网平台免费部署方案
javascript·科技·物联网