DEV Community
·
完整指南：如何在Expo 52和TypeScript中集成WatermelonDB到React Native 0.76
内容提要
本文介绍如何在Expo 52的React Native 0.76项目中配置WatermelonDB，包括禁用新架构、安装库及配置iOS和Android的步骤，以确保WatermelonDB正常运行。
关键要点
-
本文介绍如何在Expo 52的React Native 0.76项目中配置WatermelonDB。
-
新架构移除了Babel，TypeScript可以有效解决与WatermelonDB的集成问题。
-
确保项目使用最新版本的React Native和Expo。
-
禁用新架构：在app.json中移除'newArchEnabled': true，并运行npx expo prebuild。
-
安装WatermelonDB库：使用命令npm install @nozbe/watermelondb。
-
iOS配置：在ios文件夹中的Podfile中添加依赖'pod 'simdjson'，然后运行pod install。
-
Android配置：在package.json中修改android脚本，添加EXPO_USE_COMMUNITY_AUTOLINKING=1，并安装@react-native-community/cli。
-
启用TypeScript中的Decorators：在tsconfig.json中添加'experimentalDecorators'选项。
-
完成配置后，WatermelonDB应正常运行，兼容React Native的新架构。
延伸问答
如何在Expo 52中配置WatermelonDB？
在Expo 52中配置WatermelonDB需要禁用新架构、安装库并进行iOS和Android的配置。
为什么需要禁用React Native的新架构？
新架构移除了Babel，导致与WatermelonDB的集成出现问题，因此需要禁用它。
如何在iOS中安装WatermelonDB的依赖？
在iOS文件夹中的Podfile中添加'pod 'simdjson'，然后运行'pod install'。
在Android中如何配置WatermelonDB？
在package.json中修改android脚本，添加EXPO_USE_COMMUNITY_AUTOLINKING=1，并安装@react-native-community/cli。
如何在TypeScript中启用Decorators？
在tsconfig.json中添加'experimentalDecorators'选项以启用Decorators。
完成配置后，WatermelonDB会有什么效果？
完成配置后，WatermelonDB应正常运行，并兼容React Native的新架构。
