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

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

相关推荐
kilito_0118 分钟前
vue官网例子 讲解2
前端·javascript·vue.js
蜡台19 分钟前
Vue实现动态路由
前端·javascript·vue.js·router
sudo_jin26 分钟前
从“谁调用指向谁”到“手写Bind源码”,彻底搞懂JavaScript的this机制
前端·javascript
cc_heart28 分钟前
antdv-next/x:面向 Vue 的 AI 组件体系
前端·javascript·vue.js
Ruihong28 分钟前
一文看懂:Vue3 watch 用 VuReact 转成 React 长啥样
vue.js·react.js
竹林81828 分钟前
RainbowKit快速集成多链钱包连接:从“一键连接”到“多链切换”的实战踩坑
前端·javascript
软弹33 分钟前
快速了解前端中的跨域问题
前端·javascript·vue.js·react.js·node.js·跨域
RePeaT34 分钟前
React 常用知识点整理
前端·react.js·面试
Ruihong34 分钟前
一文看懂:Vue3 watchEffect 用 VuReact 转成 React 长啥样
vue.js·react.js
浩星1 小时前
electron系列9:调用原生能力,剪贴板、通知、开机自启
前端·javascript·electron