Expo SQLite渲染无限数量的组件
是指在使用Expo开发环境中，利用SQLite数据库来实现渲染无限数量组件的功能。
SQLite是一种轻量级的嵌入式关系型数据库管理系统，具有小巧、高效、易用等特点。在移动开发中，SQLite常用于存储和管理应用程序的本地数据。
渲染无限数量的组件是指在应用程序中展示大量数据时，可以通过动态加载和渲染组件的方式，提高应用的性能和用户体验。而使用SQLite数据库可以方便地存储和查询大量数据，从而支持渲染无限数量的组件。
使用Expo开发环境，可以通过以下步骤实现Expo SQLite渲染无限数量的组件：
- 安装Expo CLI，并创建一个新的Expo项目。
- 安装Expo CLI，并创建一个新的Expo项目。
- 在Expo项目中安装SQLite模块。
- 在Expo项目中安装SQLite模块。
- 导入SQLite模块并创建或连接到SQLite数据库。
- 导入SQLite模块并创建或连接到SQLite数据库。
- 在应用启动时，创建数据表并插入大量数据。
- 在应用启动时，创建数据表并插入大量数据。
- 在组件中查询并渲染数据。
- 在组件中查询并渲染数据。
通过上述步骤，可以在Expo应用中使用SQLite数据库实现渲染无限数量的组件。SQLite数据库的优势在于其轻量级、快速、可靠的特性，适用于需要存储和查询大量数据的场景。
腾讯云相关产品中，可以使用腾讯云云数据库SQL Server版（https://cloud.tencent.com/product/cdb_sqlserver）来提供托管的关系型数据库服务，支持类似SQLite的功能，但能够应对更高的并发和扩展需求。
请注意，本答案仅供参考，具体的实现方式和腾讯云产品选择应根据实际需求进行评估。
相关·内容
1回答
它一直无限地调用addName函数-
expo SQLite .
//hook for displaying the names in the database
const [names, setNames] = useState([]);
console.log(names);
//inserts a name into the database, calls update if successful
const addName = () => {
let newName = `${"empty"}-${"empty"}`;
db.trans
浏览 0提问于2020-09-25得票数 0
回答已采纳
4回答
我正在使用Expo + React导航。
在我的React Native应用程序中有很多使用组件Map的屏幕。我不希望这个组件在切换屏幕时被重新渲染。有没有办法将我的组件Map保存到某种类型的存储中，这样每次我需要Map时，我的应用程序就不必重新渲染它？
浏览 2提问于2018-04-02得票数 5
我正在尝试将一个数据库文件从资产导入到世博。但它不起作用，并在下面警告我：
TypeError:未定义不是对象(计算'_expo.default.FileSystem')]
我尝试了很多次，如果我创建了一个新的数据库，它可以工作，但是如果我尝试从资产加载一个现有的数据库，它将无法工作。
class Items extends React.Component {
state = {
items: null
};
componentDidMount = async () => {
await Expo.FileSystem.downloa
浏览 2提问于2019-08-19得票数 4
4回答
在expo sdk的33版本中，sqlite被移到了它自己的包expo-sqlite中，现在我无法加载类型。 而不是 import {SQLite} from 'expo'; 我有 import {SQLite} from 'expo-sqlite'; 但是类型没有被加载。 我得到以下类型错误： Cannot find namespace 'SQLite'.
浏览 96提问于2019-07-18得票数 2
回答已采纳
我尝试使用Montserrat作为字体，但遇到错误:渲染的钩子比上一次渲染时多。下面是我的代码： import React from 'react';
import {
StyleSheet, Text, View, SafeAreaView, TouchableOpacity, TextInput
} from 'react-native';
import { Feather } from '@expo/vector-icons';
import { useFonts } from 'expo-font';
expor
浏览 31提问于2020-11-11得票数 1
回答已采纳
我在Expo Go中呈现我的Expo React Native App应用程序时遇到问题。应用程序在web上完全没问题，但当我尝试在移动设备上渲染时，我得到了这些错误。以前，当我删除某些元素时，它是工作的，但现在我已经添加了更多的库，如本机基础，我开始看到更多的错误出现。我对编码有些陌生，所以请耐心听我说。谢谢!
移动响应
原始代码
浏览 8提问于2021-09-28得票数 0
1回答
在GLView模拟器中运行(世博的)GLView可能会有糟糕的性能，这使得它无法开发您的应用程序。
我的设置：
"expo": "~47.0.8",
"expo-gl": "~12.0.0",
"expo-three": "^7.0.0",
"react": "18.1.0",
"react-native": "0.70.5",
"three": "~0.145.0
浏览 14提问于2022-11-26得票数 0
回答已采纳
1回答
我正在尝试使用一个自定义钩子来调用获取数据的API。然后我尝试在我的上下文API中调用这个钩子。问题是钩子的主体被渲染了6次。因此，当我尝试使用自定义钩子(UseFetchData)返回的数据在上下文文件中进行setState时，我得到了错误- " error : Too - many - renders . React限制呈现的次数以防止无限循环“。我认为某些状态更改会导致它重新呈现。 context.js import React, { useState, createContext } from "react";
import useFetchData from
浏览 32提问于2020-08-19得票数 0
1回答
我正在使用反应-本机倒计时-圆圈-小吃提供的例子。有了它，我想有两个定时器在一个，或一个接一个在一个无限的序列。
我的意思是让第一个计时器计数(当它完成)，然后第二个计时器(不同的时间/颜色)，然后第一个再次无限期地切换。
import * as React from 'react';
import { Text, View, StyleSheet, Animated, Button } from 'react-native';
import Constants from 'expo-constants';
import { CountdownC
浏览 1提问于2021-09-07得票数 0
回答已采纳
我正在使用expo来构建一个应用程序。 这里, `import * as SQLite from 'expo-sqlite'; const db = SQLite.openDatabase("db.db"); 不工作，而 import { SQLite } from "expo-sqlite";正在工作。 当我使用第一种方法时，它得到的SQLite.openDatabase不是一个函数错误。 这些到底有什么不同呢？有谁有主意吗？
浏览 11提问于2019-12-17得票数 1
回答已采纳
我是新来的反应本地人。我试图使用expo-sqlite，并在“导入现有数据库”下跟踪。
我做过‘世博安装-文件系统博览会-资产’，我用指南中的代码创建了一个metro.config.js
但是当我复制这个函数时：
async function openDatabase(pathToDatabaseFile: string): Promise<SQLite.WebSQLDatabase> {
if (!(await FileSystem.getInfoAsync(FileSystem.documentDirectory + 'SQLite')).exists) {
浏览 14提问于2022-07-01得票数 -1
我一直难以弄清楚如何在react原生应用程序中使用jest模拟SQLite函数。测试中的代码如下所示： //helpers/db.js
import * as SQLite from 'expo-sqlite';
let db = null;
export const init = () => {
db = SQLite.openDatabase('places.db');
const promise = new Promise((resolve, reject) => {
db.transaction(tx => {
浏览 18提问于2020-11-22得票数 2
1回答
import { SQLite } from 'expo-sqlite';
export const db = SQLite.openDatabase("db.db"); 我尝试在expo中使用sqlite并从浏览器运行，但是，我得到错误TypeError:非法调用，任何可以帮助我的人
浏览 15提问于2019-12-17得票数 3
我的应用程序还没有开始。请帮帮我。这是图书馆的问题吗？
编辑1:在进行呈现时另一个错误
错误:在app.json中验证字段的问题。请参见·不应具有其他属性“nodeModulesPath”。
app.json文件：
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
浏览 7提问于2021-05-18得票数 0
回答已采纳
4回答
"packagerOpts": {
"assetExts": ["sqlite", "db"]
},
接下来，我尝试在componentDidMount()方法的App.js组件中导入这个带有.sqlite或.db扩展名的静态文件：
componentDidMount = async () => {
await Expo.FileSystem.downloadAsync(
Expo.Asset.fromModule(require("./assets/db/local.db")).ur
浏览 0提问于2018-11-15得票数 7
更新：
试着用
React Native(Expo-Typescript)中的react-navigation包
就像我们用常规的反应方式一样(世博-香草JS)
但它不会在屏幕上渲染任何东西。
AppNavigator.tsx
import {createAppContainer, createStackNavigator} from 'react-navigation';
import * as React from 'react';
import {StyleSheet, View, Text} from 'react-native';
浏览 0提问于2019-08-10得票数 2
我无法在我的应用程序中使用“react原生-sqlite存储”。我正在使用世博建立纯粹的反应-本地应用程序。
我已经尝试了重新安装，反应本机，但它没有工作。
这是我的包裹。This
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo st
浏览 0提问于2019-06-12得票数 2
回答已采纳
说“使用第三方图标库(比如@expo/vector-icons )，作为支持。”
我真的不知道这是什么意思，但是假设我想渲染Ionicon的主页图标。
<Icon as="Ionicons" name="home" size={size} color={color} />
这只是一个问号。你知道怎么用这个吗？
浏览 0提问于2021-11-08得票数 2
我正在从db中删除一条记录，为此我调用了一个API。当我收到一个成功删除的API响应时，我需要像reload一样重新渲染所有组件。我在this.forceUpdate和shouldComponentAgain上试过了，但是没有成功。
我也尝试过componentDidUpdate，它可以工作，但它调用API的次数是无限的。下面是我使用componentDidUpdate的代码
componentDidUpdate(){
let newThis = this;
getAccounts().then(function(response){
if(response.status===
浏览 0提问于2018-11-30得票数 0
我想在Expo-SQLite中打开一个现有的SQLite数据库文件。文件位于设备中的某个位置(例如设备文档文件夹)，这样用户就可以通过DocumentPicker打开它。我在将从DocumentPicker选择的文件放入SQLite时遇到了问题：
import * as DocumentPicker from 'expo-document-picker'
import * as SQLite from 'expo-sqlite'
openFile = () => {
const res = DocumentPicker.getDocumentAs
浏览 9提问于2019-10-26得票数 0
回答已采纳
1回答
因此，我使用以下命令构建调试应用程序
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/rescd android./gradlew assembleDebug
现在，该应用程序获得成功的构建，并得到了安装。另外，第一个屏幕工作得很好，但是在进入下一个屏幕之后，它就崩溃了。
以下是应用程序链接：
这是我
浏览 0提问于2021-06-08得票数 0
我使用博览和SQlite数据库，目标是创建一个离线的安卓应用程序。数据库已经预先填充，所以我已经将其复制到assets/database/FarmersDB.db文件夹中。我已经看过了正式的文档和建议，提供了和其他解决方案，但最后我得出了下面的错误。
TypeError: undefined is not a function (near '...db.transaction...')
我的代码如下：
//Login Component
import React, {useEffect, useState} from 'react'
import * as SQ
浏览 6提问于2022-04-02得票数 1
回答已采纳
我试着用react写了一个简单的石头，布，剪刀的应用程序。现在，我完全被困在将动态绘制的单选按钮中的选择器返回到主应用程序中。
我已经尝试了无数的方法来让这个->工作，你可以在下面找到最后一段尝试过的代码。我必须做些什么才能真正让它正常工作？
谢谢!
const Plays = (props) => {
return (
props.options.map(option =>
<label key={option.name}>
<input
disabled={isEnemy(props.pl
浏览 27提问于2019-08-09得票数 4
回答已采纳
2回答
我已经创建了一个希望根据长度更改fontColor的TextInput handleInput = text => {
this.setState({ input: text });
}
...
<TextInput
style={{ color: this.state.input.length > 0 ? 'green' : 'red' }}
onChangeText={this.handleInput}
/> 我的理解是，每次state更改都会发生重新渲染，因此它应该能够重新计算表达式并显示green颜色，但事实并非如此
浏览 29提问于2019-06-15得票数 1
我正在用Expo制作一个React Native应用程序。在我的应用程序中，我通过网站的应用程序接口上传了一些图片，保存在本地数据库(SQLite)中。问题是我想像一个画廊一样展示这些图片，但我不能。我正在做这样的事情：
for (var x =0; x <= prod.length; x++) {
require('../../web/image/'+prod[x].picture);
}
有人能帮我吗？
浏览 1提问于2018-08-12得票数 2
1回答
React原生GIF的性能非常低
、、、、
我使用来自"react-native“的图像组件在ScrollView (不是FlatList，因为我实现了一个砖石布局)中渲染30个GIF，内存消耗从130MB到500MB…… 当我使用react导航并使用mode="modal"在堆栈屏幕中渲染gif时，我添加了the screen option：detachPreviousScreen={true}，但是，当我从这个堆栈屏幕返回(关闭它)时，内存仍然是500MB。 此外，当我将应用程序设置为后台模式(例如，切换到另一个应用程序)，并再次打开它时，RAM将变为初始值130……(似乎释放了GIF内存消耗) 有人知道如
浏览 17提问于2021-01-10得票数 2
回答已采纳
2回答
我正在开发一个类似instagram的应用程序，在那里我需要渲染图片/视频。我使用平面列表防止内存丢失，并使用expo av包渲染视频。
这里是我想要实现的目标的屏幕截图：
所以我的目标是用原始比率渲染视频。
然而，我正在努力渲染包含视频的平面列表，它根本没有渲染组件的，但我仍然可以听到视频播放。
这是我的FlatList:
<FlatList
style={{ width: "100%", height: "100%", backgroundColor: "yellow" }}
data={[0, 1
浏览 14提问于2022-07-04得票数 0
回答已采纳
2回答
我想要一些帮助，请理解为什么下面的代码导致inf呈现循环。在我看来，这应该是一个循环：
渲染容器。
渲染子StrRow。
第一次运行效果并调用update()。
更改容器状态。
重新渲染容器。
重新渲染StrRow.
由于依赖项没有更改，不会再次运行。
然而，这种效果似乎是在StrRow的每次呈现之后运行的。
function Container() {
const [count, setCount] = React.useState(0);
const update = React.useCallback(() => {
浏览 3提问于2020-05-06得票数 0
回答已采纳
我尝试将变量coeff和expo传递给一个名为poly的数组列表。当poly为空时，将存储这两个变量。我的问题是，当poly不为空时(在本例中是else语句)，编译器会冻结并抛出以下错误：
Exception in thread "main" java.lang.OutOfMemoryError: Java heap space
else语句有没有什么我不知道的地方。
public void insert(int coeff, int expo) {
Term a = new Term(coeff, expo);// Creates a new Term object
浏览 2提问于2013-04-11得票数 0
回答已采纳
这是我用Expo CLI制作的一个非常基本的React Native应用程序。我已经填充了一个名为pythonsqlite.db (我知道这是个坏名字)的SQL数据库，其中有一个我正在尝试使用查询的表Users。
import React, {useState} from 'react';
import { Image, StyleSheet, Text, View, TouchableOpacity, TextInput, Button, Picker } from 'react-native';
import { NavigationContainer,
浏览 0提问于2020-11-18得票数 0
我呈现数据从一个单独的文件，并通过道具到我的图像图标，但我无法渲染的图像。
import Icon from "../components/Icon";
import Data from "../API/data";
const Index = () => {
return (
<View style={style.display}>
<FlatList
data={Data}
keyExtractor={(item) => item.name}
ren
浏览 6提问于2022-01-21得票数 0
我在NestJS中使用typeorm，在app.module.ts中我尝试通过应用forRootAsync来初始化数据库设置
TypeOrmModule.forRootAsync({
imports: [ConfigModule],
inject: [ConfigService],
useFactory: async (configService: ConfigService) => ({
type: configService.get('database.type'),
host: configService.ge
浏览 3提问于2021-05-10得票数 1
回答已采纳
在世博裸车流中，当未与城域连接时，反应本机矢量图标不显示
--这些都是我的依赖项
"@react-navigation/native": "^6.0.10",
"@react-navigation/stack": "^6.2.1",
"expo": "~45.0.0",
"expo-constants": "^13.1.1",
"expo-file-system": "^14.0.0",
浏览 5提问于2022-06-07得票数 0
我刚开始对当地人做出反应，我有这样的问题:不变的违反：ListView已经从ReactiveNative.中删除了。
我甚至不会在我的项目中使用ListView，我会和你分享我的package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios"
浏览 1提问于2020-04-02得票数 0
1回答
我创建了一个登录帐户，并希望将其详细信息保存在SQLite上。这是我第一次使用SQLite，我也在学习React Native with Expo。我已经按照教程在App.ts上初始化了SQLite，它工作得很好，但现在我不知道如何从这里开始。我使用Firebase进行了身份验证，它也工作得很好。这是我用redux创建的auth.action页面： import { URL_AUTH_API, URL_LOGIN_API } from "../../constants/dataBase";
export const SIGNUP = 'SIGNUP'
浏览 32提问于2021-10-06得票数 0
1回答
我试图在一个反应本地应用程序中使用字体(谷歌字体)。我的钩子有点问题：
const [fontsLoaded ,setFontsLoaded] = useState(false);
我相信问题就在渲染()道具上。有人能建议我在哪里添加上面的代码才能得到这个woking吗？
我的守则是：
import React, { Component, useState } from 'react';
import * as Font from 'expo-font';
import { StyleSheet, Text, View } from 'react-nat
浏览 2提问于2020-07-08得票数 0
回答已采纳
我在目录aaa中有一个简单的项目。我的App.js文件指定 import React from 'react';
import { StyleSheet, Text, View,FlatList,Alert} from 'react-native';
import * as SQLite from 'expo-sqlite';
import * as FileSystem from 'expo-file-system';
import {Asset} from 'expo-asset';
require (
浏览 22提问于2020-08-18得票数 0
1回答
我在我的项目的asset/sqlite/文件夹中捆绑了一个预先填充的sqlite数据库。我在应用程序的metro.config.js文件夹中编辑了以下内容
const { getDefaultConfig } = require('@expo/metro-config');
const defaultConfig = getDefaultConfig(__dirname);
module.exports = {
resolver: {
assetExts: [...defaultConfig.resolver.assetExts, 'db'],
浏览 1提问于2021-02-25得票数 0
我刚把我的项目从39号更新到42个。该项目使用ReactiveNavigation4。在更新之前，一切正常，现在我得到了一个恼人的错误：
警告: React.createElement: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于复合组件)，但got: undefined。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查您在App.js:89的代码。
in (由ExpoRoot创建)
在ExpoRoot (at renderApplication.js:45)
在RCTView (at View.js:34)
在视图中(在AppCont
浏览 0提问于2021-08-20得票数 0
1回答
我们在中看到了一种奇怪的行为，因此我们创建了一个简单的示例来演示。
我们有两个屏幕:A和B。
在屏幕A上，有两个按钮每个导航到屏幕B。第一个按钮传递参数id:1，第二个按钮传递id:2。
在屏幕B上，我们是控制台，在render()方法和componentDidMount()方法中记录入站参数。
如果我在屏幕A上单击id:1按钮，屏幕B上的参数输出将被更正为id:1在render()和componentDidMount()中。但是，如果我向后导航并非常快速地单击id:2的按钮，则记录的输出首先显示为id:1，然后显示为id:2。
首次单击：
渲染:1
componentDidMount: 1
浏览 1提问于2018-05-07得票数 1
回答已采纳
1回答
我正在使用博览在移动(IOS和Android)上构建一个react本机应用程序，并且已经从SQLite创建了一个.db文件，用于进行事务处理。
我见过一些项目的例子，这些项目从API调用调用远程数据库，如果不存在则创建数据库，但不清楚是否可以在我的项目中打开本地数据库文件。到目前为止，无法找到为.db文件提供文件路径。
import * as SQLite from 'expo-sqlite';
const path = './SQLite/TFData.db';
const db = SQLite.openDatabase(path);
如果这不是我的错误
浏览 8提问于2022-03-30得票数 0
3回答
我刚开始反应...
此代码仅在3秒后使用布尔值呈现。
但是下面的代码一直在渲染..渲染..正在渲染...几乎每三秒一次。
import React, { useState } from "react";
const App = () => {
const [isLoading, setIsLoading] = useState(true);
setTimeout(() => {
setIsLoading(!isLoading);
}, 3000);
return <h1>{isLoading ? "Loading&#
浏览 32提问于2021-02-19得票数 0
回答已采纳
我使用renderContent属性将渲染传递给原生基础中的Accordion元素。渲染包含两个按钮，按下这两个按钮时，将运行当前组件的本地函数。不幸的是，这些函数在实际呈现后就不可用了。 如何正确绑定函数，以便在按下时引用正确的函数？ 我使用的是react-native，native-base的最新稳定版本，我正在通过expo运行它进行测试。 以下是关于原生基础的文档： http://docs.nativebase.io/Components.html#accordion-custom-header-content-headref 手风琴： <Accordion
dataArra
浏览 14提问于2019-01-18得票数 0
回答已采纳
1回答
将变量设置为相同值时的无限重呈现
、、、、
我使用了一个React本机功能组件，如下所示：
export const Component1 = () => {
const [var1, setVar1] = useState(false);
setVar1(false);
return (
<View...>
)
}
这是一个无限循环，但是当我移除setVar1(false)时，它就没有了。我假设如果我继续将var1重新设置为相同的false值，组件就不会重新呈现。我该怎么防止这个重渲染？
浏览 6提问于2022-10-11得票数 3
1回答
我正在尝试加载glb文件，如下所示：
const asset = Asset.fromModule(require('../assets/webgl/RModelNoKeys.glb'));
#metro.config.js
module.exports = {
resolver: {
assetExts: ['db', 'mp3', 'ttf', 'obj', 'png', 'jpg', 'gltf', 'glb'],
浏览 44提问于2021-05-30得票数 0
回答已采纳
我有一个无限滚动的页面。页面最初会加载3个标签。每个部分包含3个产品图像(不仅仅是图像，还有产品信息)从我的数据库中拉出。下划线模板如下所示：
<section>
<div class='left'>
<img src="{{ product.src }}" />
</div>
<div class='right'>
<div class='top'>
<img src="{{ product.src }}
浏览 0提问于2012-12-04得票数 1
回答已采纳
1回答
用TypeORM进行Jest测试
、、、、
我想让Jest和一起工作
我已经做了很多工作，想要让ts和世博玩笑都能工作。我遵循了和的官方指南。我能够在一个新的空项目(不是TypeORM示例)中展示博览-Jest按预期工作，但是当我将这些更改应用到TypeORM博览会项目时，它遇到了一些问题。
我想博览会更好。从TypeORM博览会的一个干净的克隆开始可能会更容易一些--比如回购。
我已经将package.json编辑成了一个版本，如果它是一个更简单的起点，就不应该出现依赖问题。(笑话可以修改或删除，以支持单独的配置)
{
"name": "expo-example",
"version
浏览 4提问于2022-05-28得票数 0
我在React Native中测试SQLite，我使用的是expo，所以我使用的包是expo-sqlite，所以这是我的代码，非常简单，因为是为了测试： import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import * as SQLite from 'expo-sqlite'
const db = SQLite.openDatabase('test')
export default function App() {
浏览 12提问于2020-07-03得票数 0
回答已采纳
您好，我正在尝试使用自己构建的名为fetchMerchant的axios函数来获取数据。
我用fullData给出了useEffect钩子中的依赖项，但它似乎在渲染和重新渲染之后出现了无限循环。
在我看来，它应该在useEffect钩子之后呈现一次，因为依赖fullData以数组的形式给出。
如何在useEffect之后防止无限渲染？
const BoardPage: FC =() => {
const [fullData, setData] = useState<ContentType>({} as ContentType);
const fetchData =
浏览 8提问于2020-06-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
