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

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

相关推荐
古夕6 分钟前
基于 Vue 3 + Monorepo + 微前端的中后台前端项目框架全景解析
前端·javascript·vue.js
JustNow_Man9 分钟前
【Cline】插件中clinerules的实现逻辑分析
开发语言·前端·javascript
呼叫694514 分钟前
requestAnimationFrame 深度解析
前端·javascript
Bigger18 分钟前
🚀 真正实用的前端算法技巧:从 semver-compare 到智能版本排序
前端·javascript·算法
咖啡の猫1 小时前
Vue插件
前端·javascript·vue.js
咖啡の猫2 小时前
Vue中的自定义事件
前端·javascript·vue.js
葡萄城技术团队2 小时前
提升 Web 端 JavaScript 的可信度:WAICT 体系详解
javascript
等风起8812 小时前
Element Plus实现TreeSelect树形选择在不同父节点下子节点有相同id的双向绑定联动
前端·javascript
摸着石头过河的石头2 小时前
跨域资源共享(CORS)完全指南:从基础概念到实际应用
前端·javascript
2301_801252222 小时前
Vue中的指令
前端·javascript·vue.js