React Native SQLite 2 常见问题解决方案

苗韵列Ivan

于 2025-01-21 11:00:05 发布

阅读量602

点赞数 20

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_01059/article/details/145279493

React Native SQLite 2 常见问题解决方案

react-native-sqlite-2 SQLite3 Native Plugin for React Native for iOS, Android, Windows and macOS. 项目地址: https://gitcode.com/gh_mirrors/re/react-native-sqlite-2

一、项目基础介绍

React Native SQLite 2 是一个用于 React Native 应用的 SQLite3 原生插件，支持 iOS、Android、Windows 和 macOS 平台。该插件提供了一个与 WebSQL 兼容的 API，使得可以在原生侧使用 SQLite 数据库存储数据。这个项目主要是用 JavaScript 编写的，并且依赖于原生代码来与 SQLite 数据库进行交互。

二、新手常见问题及解决步骤

问题 1：如何将 React Native SQLite 2 添加到项目中

问题描述：新手在开始使用这个项目时，可能不清楚如何将其集成到 React Native 应用中。

解决步骤：

使用 npm 将 React Native SQLite 2 添加到项目的依赖中：
```
npm install react-native-sqlite-2 --save
```
如果你的 React Native 版本大于等于 0.60，则 autolinking 会自动处理链接步骤。如果不是，需要手动链接：
```
react-native link react-native-sqlite-2
```
对于 iOS 项目，在 iOS 目录下运行 pod install 来安装依赖。
对于 Android 项目，确保在 android/gradle.properties 文件中启用了 AndroidX：
```
android.useAndroidX=true
android.enableJetifier=true
```

问题 2：如何打开和使用数据库

问题描述：新手可能不知道如何在应用中创建和打开数据库。

解决步骤：

在你的 JavaScript 代码中，首先导入 SQLite 模块：
```
import SQLite from 'react-native-sqlite-2';
```
使用 openDatabase 方法来创建或打开一个数据库：
```
const db = SQLite.openDatabase('test.db', '1.0', '', 1);
```

使用 transaction 方法来执行 SQL 语句：

db.transaction((txn) => {
    txn.executeSql('CREATE TABLE IF NOT EXISTS users(id INTEGER PRIMARY KEY AUTOINCREMENT, name TEXT)', []);
    // 其他 SQL 操作
});

问题 3：如何处理数据库错误

问题描述：在操作数据库时，新手可能会遇到错误，但不知道如何处理。

解决步骤：

在 transaction 方法中，使用 executeSql 的回调函数来处理成功和错误情况：

db.transaction((txn) => {
    txn.executeSql('SELECT * FROM users', [], (txn, res) => {
        // 成功时的操作
        console.log('Success:', res.rowsAffected);
    }, (txn, error) => {
        // 错误时的操作
        console.log('Error:', error);
    });
});