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

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

相关推荐
Hello--_--World26 分钟前
Vue:虚拟Dom
前端·javascript·vue.js
bluetata1 小时前
AI 浪潮与破局:TypeScript 生态实战,让 AI 为你所用
javascript·人工智能·typescript
白鹿第一帅1 小时前
TypeScript+React 全栈生态实战:从架构选型到工程落地,告别开发踩坑
mongodb·react.js·架构·typescript·白鹿第一帅·架构选型·工程落地
布局呆星1 小时前
Vue Router 核心知识点梳理
前端·javascript·vue.js
JiaWen技术圈1 小时前
增量静态再生(ISR)详解:Next.js 中的实现与应用
javascript·git·ubuntu
张元清2 小时前
React 中的语音与摄像头输入:语音识别、媒体设备与权限
前端·javascript·面试
01漫游者2 小时前
JavaScript继承深度解析
开发语言·javascript·ecmascript
费曼学习法3 小时前
Vue 响应式系统源码级剖析:从 Object.defineProperty 到 Proxy
javascript·vue.js
神奇小汤圆3 小时前
快手一面:为什么要求用Static来修饰ThreadLocal变量?
javascript
行业研究员3 小时前
HTML头部元信息避坑指南大纲
javascript