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

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

相关推荐
渣渣盟1 小时前
JavaScript核心概念全解析
开发语言·javascript·es6
Carlos_sam2 小时前
OpenLayers:ol-wind之渲染风场图全解析
前端·javascript
拾光拾趣录2 小时前
闭包:从“变量怎么还没死”到写出真正健壮的模块
前端·javascript
拾光拾趣录2 小时前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
遂心_3 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
风清云淡_A4 小时前
【REACT18.x】CRA+TS+ANTD5.X封装自定义的hooks复用业务功能
前端·react.js
@大迁世界4 小时前
第7章 React性能优化核心
前端·javascript·react.js·性能优化·前端框架
DownToEarth4 小时前
H5实现获取当前定位
javascript
前端Hardy4 小时前
HTML&CSS:惊艳!科技感爆棚的登录页面代码解析
前端·javascript·html
我是哈哈hh4 小时前
【AJAX项目】黑马头条——数据管理平台
前端·javascript·ajax·前端框架·axios·proxy模式