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

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

相关推荐
阿珊和她的猫16 分钟前
autofit.js: 自动调整HTML元素大小的JavaScript库
开发语言·javascript·html
阿珊和她的猫5 小时前
v-scale-scree: 根据屏幕尺寸缩放内容
开发语言·前端·javascript
gnip10 小时前
vite和webpack打包结构控制
前端·javascript
烛阴12 小时前
前端必会:如何创建一个可随时取消的定时器
前端·javascript·typescript
萌萌哒草头将军12 小时前
Oxc 最新 Transformer Alpha 功能速览! 🚀🚀🚀
前端·javascript·vue.js
1024小神14 小时前
nextjs项目build导出静态文件
前端·javascript
parade岁月14 小时前
JavaScript 日期的奇妙冒险:当 UTC 遇上 el-date-picker
javascript
是一碗螺丝粉14 小时前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
Juchecar14 小时前
采用 Vue 3 实现单页应用(SPA)与本地数据存储方案
前端·javascript·vue.js
雲墨款哥16 小时前
JS算法练习-Day10-判断单调数列
前端·javascript·算法