Registry / database / react-native-sqlite-explorer

react-native-sqlite-explorer

library0.2.0jsnpmunverified

A React Native component that provides a visual explorer for databases created with react-native-sqlite-storage. Current stable version is 0.2.0. Release cadence is low; no recent updates. Key differentiator: allows browsing SQLite databases directly within the app UI, reducing the need for external debugging tools. Android-only at this time. Lightweight, requires react and react-native as peer dependencies.

database

npm install react-native-sqlite-explorer

github ↗package ↗homepage ↗

INSTALL

IMPORT

SIG · REACT-NATIVE-SQLIT

react-native-sqlite-explorer

databasejavascriptv0.2.0

harness data pending

Install & Compatibility

Where this runs

No compatibility data collected yet for this library.

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import SQLiteExplorer from 'react-native-sqlite-explorer'

✗ import { SQLiteExplorer } from 'react-native-sqlite-explorer'

The package exports a single default component. Using a named import will result in undefined.

SQLiteExplorer (default component)

✓ const SQLiteExplorer = require('react-native-sqlite-explorer').default

✗ const SQLiteExplorer = require('react-native-sqlite-explorer')

React Native with Metro bundler uses CommonJS. Without .default, you get the module object, not the component.

Type definition import for TypeScript users

✓ import SQLiteExplorer from 'react-native-sqlite-explorer'

Package ships TypeScript definitions; default import is type-safe.

Renders the SQLite database explorer component inside a React Native app. Pass the database name and location as params.

import React from 'react'; import SQLiteExplorer from 'react-native-sqlite-explorer'; import { View } from 'react-native'; const App = () => { const baseName = 'mydatabase.db'; return ( <View style={{ flex: 1 }}> <SQLiteExplorer params={{ name: baseName, location: 'default' }} /> </View> ); }; export default App;

Debug

Known issues

breakingComponent only works on Android; iOS and Windows not supported.

fix

Use conditional rendering or alternative for iOS. If cross-platform needed, consider react-native-sqlite-storage's own debugging tools.

affects: all

deprecatedPackage has not been updated since 2020 and is effectively derelict.

fix

Consider using react-native-sqlite-storage's built-in debugging or a more modern solution.

affects: >=0.0.0

gotchaThe component requires an existing database created by react-native-sqlite-storage; it does not create the database.

fix

Ensure you have called SQLite.openDatabase with the same name before rendering the explorer.

affects: all

gotchaImporting with destructured named import (e.g., { SQLiteExplorer }) returns undefined.

fix

Use default import: import SQLiteExplorer from 'react-native-sqlite-explorer'.

affects: all

Errors

Common errors & fixes

undefined is not an object (evaluating 'SQLiteExplorer.render')

Using named import import { SQLiteExplorer } instead of default import.

fix

Use default import: import SQLiteExplorer from 'react-native-sqlite-explorer'.

Requiring unknown module 'react-native-sqlite-explorer'

Package not installed or linking issue in React Native.

fix

Run npm install react-native-sqlite-explorer and then npx react-native link (or autolinking in RN >= 0.60).

Upgrade

Version history

0.2.0latest on npm

Audit

Dependencies

reactrequiredpeer dependency for building UI components

react-nativerequiredpeer dependency for native platform support

Agent activity

12 hits · last 30 days

node

Resources

githubhttps://github.com/Henus321/react-native-sqlite-explorer ↗

packagereact-native-sqlite-explorer ↗

homepagehttps://github.com/Henus321/react-native-sqlite-explorer.git#readme ↗