欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 文化 > 【React Native】快速入门

【React Native】快速入门

2025/6/30 16:19:14 来源:https://blog.csdn.net/XiugongHao/article/details/148102269  浏览:    关键词:【React Native】快速入门

对于移动端应用来说,开发 Android 应用使用的语言有 java 和 kotlin,开发 ios 应用使用的语言有 obj-c 和 Swift 。因此,我们使用 react-native 编写一套代码进行跨端开发。

构建项目:

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

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词