React本机FlatList仅在TextInput或选取器更改时更新

文章/答案/技术大牛

发布

2回答

javascript、react-native、textinput

我正在尝试将输入字段和选择器中的文本动态添加到React Native中的FlatList中。我遇到的问题是，我一按下按钮，FlatList就不会立即更新。只有在触发文本输入的onChangeText或选择器元素的onValueChange之后，项目才会最终添加到列表中。import React, { Component } from 'react'; import { View, Text, Picker } f

浏览 35提问于2020-07-16得票数 1

回答已采纳

1回答

如何将ScrollView中的数据从火基实时数据库中呈现为本机(expo )？

javascript、reactjs、firebase、react-native、expo

Main.js import { Text,View, ScrollView, } from 'react-nativestyle={styles.textInput}

浏览 2提问于2020-12-04得票数 0

3回答

如何改变TextInput元素的值？

react-native

如何调用TextInput 'inputId‘并更改其值？useState(''); <View> <TextInputname = 'inputId' placeholder = 'Add Item...' style = {styles.input} onChangeText = {onChange}&

浏览 3提问于2021-03-08得票数 0

回答已采纳

3回答

FlatList组件未呈现或更新

reactjs、react-native、expo

我正在开发一个简单的用于数据操作的React应用程序，而且我对这个框架相当陌生，所以我知道我肯定做错了什么。我有一个字符串列表，希望输出到屏幕上，并在数据发生更改时进行更新。我在网上找不到任何不使用<ul>或<li>的好资源，在我的应用程序返回中，这两个元素都不起作用。在过去的两个小时里，我尝试了十几种方法来呈现这个列表，但都没有成功。有什么想法吗？(我也喜欢更干净的代码和类似的技巧。这是一个快速组装的原型，但到目前为止，我很喜欢学习React Native，所

浏览 8提问于2020-08-08得票数 0

1回答

与第三方打交道的创建-反应-应用程序与反应-本机-web

react-native、create-react-app、react-native-web

我们正在尝试使用相同的React组件，无论是在移动(react本地)还是在web (create-react app)中。到目前为止，由于有了 (下面的配置)，它运行得很好。然而，我们在react本机项目中广泛使用的react-native-web.并没有编译。这意味着任何使用带有矢量图标的组件的组件也需要一个特定的web版本。具有特定于web的组件版本的效果维护。有没有一种已知的方式，无需弹出创建-反应-应用程序配置，以处理第三方，如react-native-vec

浏览 0提问于2018-06-10得票数 0

回答已采纳

3回答

ReactNative Flatlist -优化Flatlist项的性能

performance、react-native、react-native-flatlist

在大数据量的情况下，如何优化Flatlist的性能。我希望找到一种方法来提高list的性能，并删除从缓存列表中加载的额外图像，而使列表不是很重的。

浏览 0提问于2018-09-07得票数 2

回答已采纳

1回答

在React本机平面列表中添加搜索栏没有响应

javascript、reactjs、react-native、react-native-android

在我的React Native应用程序中，我希望能够搜索和显示歌曲，我已经尝试实现搜索功能，但似乎没有一个工作。这是我的球员列表代码： import React, { useEffect, useState } from 'react'; SafeAreaView, FlatList, TouchableOpacity, TextIn

浏览 11提问于2021-04-18得票数 0

回答已采纳

1回答

响应本地和火基实时数据库

javascript、reactjs、firebase、react-native、firebase-realtime-database

我有两个问题，使用反应本机和火基实时数据库。 import { View, StyleSheet, FlatList</e

浏览 0提问于2021-04-27得票数 3

回答已采纳

2回答

循环并获取组件/屏幕中的所有TextInput值

react-native

我知道react原生的做法是使用onChangeText来改变值，如下所示。总而言之，我想遍历所有的TextInput并得到ref和value。我只想在javascript way中做如下事情。这有可能做到吗？<TextInput id="id1" ref={ref => (this.remark = ref)} /> <TextInput id="id2" ref={ref => (this.remark1= ref)} /

浏览 4提问于2020-01-05得票数 0

10回答

反应本机-使用keyExtractor和FlatList

arrays、react-native、react-native-flatlist

key: doc.id, value: doc.data()};在进行了一些googling搜索之后，我尝试定义一个密钥抽取器，如下所示：下面是我的清单定义： style={{}} renderItem={(rowData) =>this.RenderFeedCard(r

浏览 13提问于2017-12-23得票数 51

回答已采纳

1回答

从另一个组件在set状态下的不需要的组件重命名器

reactjs、react-native、react-hooks

我正在尝试实现一个更复杂的计算器，我偶然发现了“不想要的”重呈现。下面是我所拥有的两个功能组件，第一个是带有值的TextInput的Flatlist，第二个是带有结果的文本的Flatlist。首先，组件将值存储在数组中，在每个TextInput endEditing上，我查看该值是否通过检查，如果是，则将其添加到数组中，然后检查所有数组项是否具有有效值，如果是，则使用数组引发事件。我理解第二个组件应该更改“结果”，但是为什么在一个简单的setState上的第一个组件重命名器用于数组<e

浏览 1提问于2022-10-19得票数 0

回答已采纳

12回答

在FlatList上使用React原生搜索过滤器

javascript、reactjs、react-native

注意:使用react本机元素搜索栏，它允许我用e或事件调用文本。item); return( <FlatList因此，我试图用新的FlatList组件来完成这个任务。谢谢你的帮忙!

浏览 4提问于2017-08-14得票数 22

回答已采纳

1回答

ReactNative Flatlist性能优化

android、react-native、react-native-flatlist

我已经构建了一个FlatList，它允许用户根据标题上的按钮在行或卡视图项之间进行选择。因此，按钮只需要分派一个动作，存储就会被修改，viewMode也会改变( actios和商店的redux)。index })} );这两个项都只有几个视图和一个图像，而且都有一个优化的shouldComponentUpdate，仅在需要时才呈现重点是：注意:

浏览 1提问于2018-02-02得票数 0

1回答

用client.query的响应对搜索条函数进行更新

reactjs、graphql、react-apollo

据我理解:如果我使用来自react-apollo的graphql容器，组件一旦挂载就会立即进行查询。 orderBy, }我的问题是:如何用它返回的响应更新商店

浏览 3提问于2017-10-05得票数 0

回答已采纳

1回答

当消防局数据库发生变化时，是否有一种方法来更新单张表？

reactjs、firebase、react-native、google-cloud-firestore、react-native-elements

我要做的是，在显示用户的更改时，进行列表更新。我试着让它在呈现上更新，但是通过重置状态，它进入了一个无限循环，在几秒钟内将我的读取操作提高到10k。到目前为止，我有它更新拉刷新，但我希望它更新现场。我不确定是否需要使用云函数(例如onCreate)或计时器来不迅速超过配额限制。import React, { Component } from "react"; import { View, FlatList<

浏览 5提问于2019-11-18得票数 1

回答已采纳

1回答

本机反应: TextInput与状态和AsyncStorage

javascript、android、ios、reactjs、react-native

本机TextInput()是JS之前的4个事件--试着让JS更快一些。但我看到了一些奇怪的问题--特别是在iPhone 8 plus模拟器上(在iPhone 6模拟器或安卓设备上没有看到相同的问题)。注意到的问题：我公开了整个代码，因为当代码是如此嵌套时，很难在SO中提

浏览 0提问于2018-05-08得票数 11

回答已采纳

4回答

如何在无状态响应组件中单击按钮获得输入的值？

reactjs

我有以下功能组件 <div> <div onClick={props.send} className="icon"> </div>)

浏览 0提问于2018-08-26得票数 14

回答已采纳

6回答

TextInput只允许数字响应本机

react-native、expo

我使用TextInput只允许使用state的数字，它在android上工作，但在iOS上不起作用。以下是我如何使用状态只允许数字。<Text style={{ fontSize: 20}}>$</Text> <View style={{flex: 1,}}> </View> <

浏览 0提问于2018-09-08得票数 4

回答已采纳

1回答

根据redux状态控制react组件的正确方法是什么？

javascript、reactjs、react-native、redux、redux-saga

一个特定的示例是用于显示单个分配的react组件，该组件具有用于在以下各项之间更改状态的选择器/单选按钮： 'active',2)根据redux状态设置本地组件状态，如下所示：然后基于本地状态设置选取器的值，这将在值更改时提供近乎即时的UI更新。我在这里看到的问题是，我非常确定这是

浏览 0提问于2019-08-16得票数 1

7回答

如何检测键盘何时打开或关闭

react-native

如何检测用户是否在本机反应中关闭键盘，我想在用户关闭键盘时调用函数。我正在收听react本地最新的version 0.56

浏览 0提问于2018-07-31得票数 91

回答已采纳

点击加载更多