尽管使用extraData - React Native，但无法在删除最后一个项目后重新呈现FlatList
在React Native中，FlatList是一个常用的组件，用于展示列表数据。在使用extraData属性时，可以通过更新extraData的值来触发FlatList的重新渲染。然而，有时候在删除最后一个项目后，使用extraData并不能成功重新呈现FlatList的情况。
这个问题可能是由于extraData的更新机制导致的。extraData是一个用于触发FlatList重新渲染的标识符，当extraData的值发生变化时，FlatList会重新渲染。但是在删除最后一个项目后，extraData的值并没有发生变化，因此FlatList无法重新渲染。
解决这个问题的一种方法是，在删除最后一个项目后，手动更新extraData的值。可以通过在state中维护一个变量来表示列表数据的长度，当删除最后一个项目时，更新这个变量的值，并将其赋给extraData。这样，extraData的值就发生了变化，可以触发FlatList的重新渲染。
另外，还可以考虑使用其他的列表组件，如SectionList或VirtualizedList，它们也可以实现类似FlatList的功能，并且可能对于这个问题有更好的处理方式。
总结起来，解决在删除最后一个项目后无法重新呈现FlatList的问题，可以采取以下步骤：
- 在state中维护一个变量来表示列表数据的长度。
- 在删除最后一个项目时，更新这个变量的值，并将其赋给extraData。
- 确保extraData的值发生变化，以触发FlatList的重新渲染。
- 如果问题仍然存在，可以考虑使用其他的列表组件来替代FlatList。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。产品介绍链接
- 腾讯云区块链（BCBaaS）：提供安全、高效的区块链服务，支持快速搭建和部署区块链应用。产品介绍链接
请注意，以上链接仅供参考，具体产品选择应根据实际需求进行评估和决策。
相关·内容
据我所知，FlatList extraData属性用于在组件发生更改时重新呈现组件。
所以，想象一下这个例子：
import React from 'react';
import { View, TouchableOpacity, Text, FlatList } from 'react-native';
export default function App() {
const [selectedId, setSelectedId] = React.useState(null);
const items = [
{
id: &#
浏览 3提问于2021-11-11得票数 1
我的react本机组件中有两个FlatLists。它们填充了类似的数据，第二个FlatList大约有80个条目。当第一个FlatList达到11个或更多(我正在向第一个FlatList动态添加项目)时，第二个将停止呈现项目，并且即使过滤器的选择是正确的，它也是空的。这是第一个FlatList：
<FlatList
style={styles.flatList}
data={todaySuggestions}
renderItem={this.renderSuggestionItem}
keyExtractor={this.keyExtractor}
extraData
浏览 0提问于2018-10-10得票数 2
我正在使用react-native- from列表网格滚动来自服务器的最大数据，并获取并显示在我的屏幕上。但我的应用程序中的滚动并不流畅。
有什么解决方案吗？
当我滚动屏幕时，我也面对着一个空白区域。List get消失，并在UI中显示空白。
有什么解决方案吗？
import React, { Component } from 'react';
import {
ActivityIndicator,
Image,
Platform,
StyleSheet,
Text,
FlatList,
Button,
View,
SafeAreaView,
浏览 29提问于2019-10-29得票数 6
当我在屏幕上呈现许多单元格时，FlatList出现了问题。
请先看下面的图片。
假设我们有：
具有行x列=80x80= 6400单元格的地图
启用和禁用滚动功能的按钮。
这些问题：
地图呈现的超级慢，初始视图，应用程序必须调用renderItem大约2000次，才能让用户继续他们的行动。
我正在尝试改变windowSize和initialNumToRender，但这没有帮助
当用户按下Enable/Disable Scroll时，应用程序不得不再次调用renderItem大约2000次，即使我将extraData设置为仅为cellList。
问题是
浏览 0提问于2021-06-28得票数 0
我在react本机项目中使用FlatList来显示图像网格视图，该视图表示上传队列。
<FlatList
extraData={this.state.images}
data={this.state.images}
renderItem={this.renderItem}
keyExtractor={image => {
return image.id;
}}
/>
renderItem = ({item, index}) => {
return (
<TouchableOpacity
id={
浏览 2提问于2020-01-30得票数 3
回答已采纳
4回答
我有一个传递给flat-list的空数组。我还使用useEffect从服务器获取数据并更新列表。但是，在使用数据设置数组的新状态后，不会重新呈现flat-list。
const [listData, setlistData] = React.useState<Transaction[]>([])
const [dataUpdated, setDataUpdated] = React.useState<boolean>(false)
React.useEffect(() => {
if(route.params.showAllData)
{
浏览 0提问于2021-01-03得票数 2
我有一个包含Base64图像字符串的文件中包含数据的地图。从服务器获取数据后，我想重新呈现MainScreen中的FlatList。映射这是另一个文件中的静态对象.所以我需要一种方法来触发刷新FlatList后，设置了地图中的Base64字符串的网址。 Edit1： 我已经尝试将我的imageMap保持在状态，并传递了它尚未呈现的extraData = {this.state.imageMap}。 Edit2:代码看起来像是。ImageMap将在另一个文件中设置。 import {ImageClass} from './ImageFile'
export class Some
浏览 10提问于2020-07-26得票数 1
3回答
我是一个反应原住民的初学者，通过点击一个按钮在列表中添加输入(搜索栏)。这是我的密码：
import React, { useState } from "react";
import {
View,
Text,
Button,
FlatList
} from 'react-native'
import InputDemo from '../components/InputDemo'
const INCREMENT = 1;
class AddInputDemo extends React.Component{
浏览 7提问于2020-02-27得票数 2
回答已采纳
2回答
我创建了一个从URL (对象数组)检索数据的应用程序，并将其显示在FlatList中。我是一个初学者，因此我暂时不使用Redux或其他。我想将我的数据存储在AsyncStorage中并显示它们。
我试过了，但我的数据在FlatList中没有显示：
import React, {Component} from 'react';
import {ScrollView, View, FlatList, Image, ActivityIndicator, AsyncStorage} from 'react-native';
import axios from "
浏览 0提问于2019-01-07得票数 0
我正在尝试创建一个带有文本的平面列表，但它只选择了一个值，但我想从列表中选择多个值。而且我还需要为选定的项目更改颜色。这里我正在从api中获取数据。下面是我的代码： import React from "react";
import PropTypes from "prop-types";
import { connect } from "react-redux";
import { FlatList } from "react-native";
import {
stepDone,
setInputData,
} fr
浏览 14提问于2019-02-01得票数 0
我不认为这是一个错误，更像是我做错了什么，但它是这样的。我正在为我的应用程序构建一个聊天组件，它非常简单，我键入一些按下发送按钮添加到列表和显示。几天前，我发现如果我开始输入大而快速的消息，我的JS就会下降到10，5甚至1，今天我发现这是因为我为消息实现了数据/时间显示，每次我在TextInput中键入某些内容并运行onChangeText事件，并更改"text“的状态，它会重新呈现我的FlatList中的所有项目。
这是我的代码：
聊天组件：
<FlatList
key={'chat'}
ref={(ref) => {flatlistRef
浏览 1提问于2018-05-22得票数 3
这是一个常见的问题，但不知怎的，我已经尝试了我能找到的所有解决方案，但仍然收到了这个警告。
VirtualizedList: You have a large list that is slow to update - make sure your renderItem
function renders components that follow React performance best practices like
PureComponent, shouldComponentUpdate, etc. {"contentLength": 5200, "dt&#
浏览 20提问于2022-09-23得票数 0
我有一个FlatList，它在使用普通的旧<Text>标记时可以正常工作，但是当使用renderItem内部的自定义组件时，FlatList将不会在更改this.state.dayOfYear时重新呈现。在应用程序加载时，当我设置this.state.dayOfYear时，它会正确加载。但是，当我再次更改状态时，它不会更改FlatList。
FlatList码
<FlatList
style={{flex: 1}}
extraData={this.state}
data={reading_data[this.state.dayOfYear]}
浏览 1提问于2018-01-18得票数 2
回答已采纳
我试着用下面的代码将数据动态地添加到我的平面列表中：
import React, { Component } from 'react';
import { View, Text,FlatList,Button,Alert} from 'react-native';
export default class Lista extends Component {
constructor(props) {
super(props);
this.state = {dados: [
{key:"valeu 1"},
浏览 94提问于2018-12-06得票数 0
回答已采纳
我是JavaScript的新手，我开始用React Native制作一个移动应用程序。但是，我在IGDB API和MDN的"Fetch“方面遇到了一些问题。 我一直在尝试将JSON响应存储到数组中，并通过FlatList打印它。但是，它不会打印任何东西，也不会打印"Test：“或"{item.id}”，我想知道是不是API出了问题，还是我对FlatList的使用有问题。 我在Postman上尝试了我的请求，它起作用了。 当我向API发出请求时，我的响应被正确地打印到终端中。 我将在这里向您展示我的两个主要JS文件，以及当我从API获得响应时收到的警告。 如果你有问题，
浏览 27提问于2020-06-20得票数 0
回答已采纳
所以我读到react原生FlatList是一个PureComponent，所以它不会自动重新呈现。但是，当删除或添加元素时(因此当数组长度发生变化时)，当前的FlatList会重新呈现，但是如果我试图在不更改长度的情况下更改数据数组中的元素，则FlatList不会重新呈现。有没有办法做到这一点？
我尝试了extraData ，在我的redux状态中有一个标志，当操作被分派时它会改变，但它不起作用。
浏览 0提问于2018-11-13得票数 1
我正在通过SearchBar支柱在FlastList中使用ListHeaderComponent组件，并根据搜索值过滤条目列表。问题是在输入一个字符后，搜索栏失去焦点(键盘被移除)--几乎就像组件重新呈现一样？我在这里错过了什么？
我使用的是Android，如果我将SearchBar移到FlatList之外，问题就不会发生。
import React from 'react'
import {FlatList, View} from 'react-native'
import { ListItem, SearchBar } from 'react-nat
浏览 5提问于2020-03-10得票数 8
回答已采纳
我有一个带有两个TextInputs的组件。在每个TextInput下，都有一个FlatList，当用户输入一些字符时会呈现该a(实际的呈现发生在ListItem中，这是一个来自react原生元素的模块)。对于第一个FlatList，一切工作正常-它按照预期呈现。问题出在第二个FlatList上-我无法让它呈现出来。请看这个gif来理解我的意思：https://gph.is/g/E1G1jnx 我试过按照One of two FlatLists not rendering items in same component中的建议使用"extraData“属性，但它没有解决这个问题。 我
浏览 17提问于2019-05-29得票数 1
回答已采纳
2回答
在应用程序的内部，我有一个组件，如下所示： import React, {Component} from 'react'
import {View, Text, FlatList, TouchableOpacity} from 'react-native'
export default class Screen extends Component {
constructor(props) {
super(props);
this.state = {
selected: null
浏览 21提问于2019-04-30得票数 4
回答已采纳
我是新来的React Native，我和FlatList有点问题。我将extraData赋值为redux值，但是当redux更新时，它不会重新呈现FlatList。我想我应该把它分配给一个本地州，但是我得到了太多的重渲染错误。非常感谢所有帮助我的人！下面是我的代码
function CartScreen() {
const cart = useSelector((state) => state.cartReducer);
console.log(cart);
const dispatch = useDispatch();
useEffect(() => {
dispatc
浏览 22提问于2021-03-03得票数 2
回答已采纳
我正在使用redux工具箱方法中的api获取数据。我正在控制台中获取数据，但是我的钩子在页面加载时没有更新。
在这里输入代码
import { widthPercentageToDP as wp, heightPercentageToDP as hp } from 'react-native-responsive-screen';
import { useNavigation } from '@react-navigation/native';
import { Calendar } from 'react-native-calendars';
浏览 1提问于2022-11-17得票数 0
我正在使用react native和redux开发聊天应用程序，其中消息通过发送按钮发送。但是每当我发送一条消息点击发送按钮时，TextInput都不会清除。我想在点击发送按钮时清除TextInput字段。这里我使用的是redux，所以我不想在value中使用state。 代码如下： class Chat extends Component {
componentWillMount() {
this.props.fetchChat(this.props.receiverId);
}
message(text) {
this.props.writeMsg(text);
浏览 27提问于2019-10-16得票数 0
回答已采纳
我正在尝试将平面列表检查表放入react原生选项卡视图中，为此，您需要将平面列表声明为常量，以便可以像这样使用它。不幸的是，每当我点击列表底部的项目时，它就会弹回顶部，并重新呈现列表。当平面列表被直接呈现到组件的render函数中时，不会出现这个问题。 我已经对我的意思做了一个简化的版本。https://snack.expo.io/ecO7YYlVZ是单击项目时弹出到顶部的版本，https://snack.expo.io/1iQ!ILk4B是单击项目时不弹出到顶部的版本。 两者之间的唯一区别是不起作用的版本是这样的 const Dat = () => {
return (
浏览 20提问于2020-06-08得票数 3
1回答
我屏幕上有一个FlatList和FAB。FAB是绝对定位的。每当我试图点击FAB，fab后面的FlatList项目就会被点击。
当我移除绝对FAB工作的位置时，我尝试包装可触摸的内部视图，也尝试更改视图顺序，但没有工作。
注意:它在iOS上工作，但在Android上不起作用
import React from "react";
import {
View,
Text,
FlatList,
StyleSheet,
Platform,
Image,
TouchableOpacity
} from "react-native";
浏览 1提问于2019-04-30得票数 1
1回答
当道具改变时，我的平面列表不会重新渲染。在这种情况下，我转到另一个页面并添加一个新的列表项，当我返回到这个列表时，它仍然有旧的数据。在我刷新之前，新项目不在那里。我有额外的数据设置到正确的道具，但它不会工作。
import React, { Component } from 'react';
import { FlatList } from 'react-native';
import { connect } from 'react-redux';
import { Container, Text, Icon, Left, Right, Li
浏览 1提问于2018-07-18得票数 1
回答已采纳
1回答
我从防火墙实时获取数据并将其放在FlatList中，当我从控制台" firebase“中删除它时，它很好地从屏幕上的列表中删除，但是数组中的最后一项”数据“不能被删除，我不知道为什么！
我使用了一个onRefresh道具，但没有帮助我，因为我们都知道DB是实时的，当我们添加任何项时，它会在没有刷新的情况下出现在最后一个项中，所以它也不能处理最后一个项，只是加载不能重新呈现FlatList
虽然我在从DB获得数据时使用.once('value')，但是当我删除最后一个项后刷新时加载刷新卡住了，不能消失最后一个条目
那么我该如何解决这个问题呢？
这是我的密码
import
浏览 3提问于2019-11-09得票数 1
1回答
当数据从sortedData支柱中移除到平面列表时，我的react本机平面列表不会重新呈现。我试过使用extraData支柱强制重呈现，但这不起作用。当我移除元素时，会出现空行。
handleRemove = (title) => {
// const start = this.state.people.slice(0, index);
// const end = this.state.people.slice(index + 1);
// this.setState({
// people: start.concat(end),
// })
浏览 10提问于2020-06-14得票数 0
回答已采纳
我正在尝试使用react本机redux更新FlatList数据。在提取FlatList数据时，加载图标出现并消失，但是列表没有显示我在数据库上所做的任何更新。
以下是代码：
class flatRedux extends Component {
componentWillMount() {
this.props.listShow();
}
onRefresh = () => {
this.props.loading = true,
this.pr
浏览 6提问于2019-11-24得票数 0
回答已采纳
我不熟悉react-native和redux.I。我使用一个flatList来显示来自redux.Whenever调用的列表详细信息。我尝试编辑/删除列表项，flatList不会在更改后重新呈现。 我也尝试过extraData道具，但没有任何工作out.Seriously寻求帮助！！ <FlatList
data={this.state.vacationsDataSource}
keyExtractor={(item, index) => index}
extraData={this
浏览 8提问于2019-05-04得票数 0
我意识到有很多关于这方面的问题和答案，但我对react native相当陌生，大多数答案都是关于React组件的，而不是钩子。在下面的示例中，availableInterests是从一个firestore数据库调用中提取的。然后我们循环遍历availableInterests，这样用户就可以从平面兴趣列表中选择他们的兴趣。除了FLatlist不会重新渲染之外，一切都运行得很好，因此用于选择currentInterests的按钮永远不会显示已选择兴趣的更改。有没有人看到我在这里错过了什么？ const [availableInterests, setAvailableInterests] =
浏览 20提问于2021-09-15得票数 0
当使用带有FlatList的类组件时，我知道要获得重呈现，需要使用extraData{this.state}。
我使用的是带有钩子的功能组件。我有个州
const [selectedGuests, setSelectedGuests] = useState([]);
和一张平底表
<FlatList
data={contactsData}
renderItem={renderItem}
extraData={selectedGuests}
keyExtractor={(item, index) => index.toString()}
>
浏览 5提问于2020-05-27得票数 4
回答已采纳
1回答
如何创建只有一种类型“状态”的数据的多个Flatlist？
例如：
状态=== 'inProgress‘的一个Flatlist
状态===的一个Flatlist“已完成”
状态=== 'Failed‘的一个Flatlist
所有数据都在数组‘goallist’中，它来自Firebase数据库。
我非常感谢你在这方面的帮助。
import React, { Component } from 'react';
import { Text, FlatList, View, Image, TouchableOpacity, Alert } fro
浏览 0提问于2017-10-20得票数 0
回答已采纳
我有一个像这样的FlatList设置
<FlatList
style={styles.listContainer}
data={this._formatList()}
renderItem={this.renderItem}
keyExtractor={this.keyExtractor}
ItemSeparatorComponent={this.renderSeparator}
nestedScrollEnabled
showsVerticalScrollIndicator={false}
extraData={this.state}
ref={th
浏览 2提问于2019-08-19得票数 0
回答已采纳
我已经创建了一个平面列表，每个项目都有一个按钮，onPress将更改项目值。当我更改项目值时，问题就出现了，因为该项目也会意外地落到扁平表的最后一个位置。
这仅在React-Native版本57 +中发生
55.4版本没有遇到这个问题，但我需要将react-native升级到57+。
提前感谢您的帮助:)
以下是示例代码：
import React, { Component } from 'react';
import { View, Text, FlatList, StyleSheet, Button } from 'react-native';
class
浏览 3提问于2018-12-05得票数 0
在React Native FlatList文档中，使用了以下示例： _renderItem = ({item}) => (
<MyListItem
id={item.id}
onPressItem={this._onPressItem}
selected={!!this.state.selected.get(item.id)}
title={item.title}
/>
);
render() {
return (
<FlatList
data={this.
浏览 23提问于2019-01-24得票数 0
Expo-cli: 2.2.0
React-导航: 2.18.0
我有以下两个React Navigation屏幕，一个是输入表单详细信息的屏幕，另一个是用户可以编辑提交或确认的屏幕。
我的输入界面如下所示：
export default class PickDropInterface extends
React.Component<NavigationProps<>> {
this.state = { tasks: [],
}
onSubmit = () => { this.props.navigation.navigate("
浏览 3提问于2018-10-21得票数 0
是否有React-Native FlatList forEach？我尝试实现的基本上是，我有一个FlatList，我想在每个项目上添加一个动画，当动画完成时，下一个项目被渲染。或者至少，呈现一个项目，让它等待一秒钟，然后呈现下一个项目……这也不会有优化问题，因为我在给定屏幕中呈现的列表总是只有3个项目
浏览 9提问于2020-01-27得票数 0
我想实现flatlist的多选功能。我直接在官方网站上修改了这个例子。官方网站地址是：。因为列表中有很多项，所以我想使用shouldComponentUpdate来防止过度呈现项。但是我发现react钩子编写方法不能实现多选，它不能保存选中的状态，但是类编写方法可以实现多选，原因是什么？FlatList项目的源码如下：
import {StyleSheet, Text, TouchableOpacity} from 'react-native';
import React, {Component} from 'react';
class Item ex
浏览 1提问于2020-06-17得票数 0
我将一个ref传递给一个FlatList，并期望访问scrollToIndex()函数，但是它不会出现在控制台中，当我试图使用它时，它会抛出一个错误："scrollTo()不是一个函数“，它甚至不承认我试图使用scrollToIndex()。
这是我的代码中使用的一个简单示例：
const ref = useRef()
ref.current?.scrollToIndex({index:itemIndex,animated:true})
<FlatList ref={ref} .../>
有没有人经历过这样的经历，并知道如何让它发挥作用？我已经查看了文档和示例
浏览 8提问于2022-04-10得票数 0
回答已采纳
我正在使用React Native、React Hooks、Redux和Function组件。我正在使用useSelector从Redux获取我的状态的一个大型数组，并使用state列表对其进行迭代。在我的Flatlist中，我渲染多个子组件，包括我的孩子的孩子。我把主要的孩子贴在了这篇文章的底部。当我在一个单独的屏幕上，FlatList处于非活动状态，并且数组trackingBoardList中的对象内部的属性发生变化时，我希望返回屏幕时Flatlist会重新呈现，但事实并非如此。此外，即使我尝试使用React.memo()存储子组件AvatarListItem，子组件本身也不会重新呈现。
浏览 21提问于2019-09-14得票数 0
回答已采纳
我正在尝试使用可以展开和折叠FlatList的项来生成onPress。
但是，当我从另一个屏幕添加一个新项然后返回到SearchListScreen时，它将只显示两个项，但是FlatList确实呈现了正确的行数。
示例：
在添加新项目之前
添加新项目后
当我移除一项或展开一项时，也会发生同样的情况。
这是我的密码：
SearchList.js
import React, { Component } from 'react'
import { Text, View, FlatList, StyleSheet } from 'react-native&#
浏览 3提问于2017-11-10得票数 1
回答已采纳
2回答
试着做一个简单的待办事项清单。我的AddTodo组件工作正常，我不认为是它导致了这个问题，但我的Flatlist没有显示数据。我不知道为什么，因为没有错误。无论是否显示滚动视图，都会出现问题。
我尝试过调整项目的宽度和高度，以及列表本身，但似乎没有什么效果。
我的mainTodo文件：
import React, { Component } from 'react';
import { Text, View, StyleSheet, FlatList, ScrollView } from 'react-native';
import AddTodo from &
浏览 3提问于2019-07-13得票数 1
当从GraphQL服务器添加数据时，我的FlatList不会更新。我尝试过提神和onRefresh，但我不太确定我将如何实现它，希望有人能帮助我。
<View>
<Query query={GET_ALL_RECIPES}>
{({loading, data, error}) => (
loading
? <ActivityIndicator />
: (
<FlatList
keyExtractor={(item) =
浏览 1提问于2018-07-06得票数 1
如何导航到Algolia显示的搜索结果？
我是否必须给每个项目(在本例中为15种不同的文章)一个不同的键？
我只能弄清楚如何使它导航到特定的文章，而不是一篇文章的基础上的搜索结果被点击。
import React from 'react';
import { StyleSheet, Text, View, FlatList, TouchableOpacity } from 'react-native';
import { connectInfiniteHits } from 'react-instantsearch-native';
import
浏览 14提问于2022-01-07得票数 0
我正在开发一个反应型的本地应用程序，
在这个应用程序中，我有一个图像捕获视图，如果用户捕获一个图像，它将存储在状态钩子中，如果存储的东西将显示在Flatlist中。
如果我们认为用户需要从列表中删除一个项目，那么我已经提供了一个删除按钮。当用户单击它时，应该从状态中移除该项并更新Flatlist。
我的问题是:在从状态中删除一个项之后，我的视图将不再被重新呈现。我可以保证数据被成功地从状态中删除，但是我的Flatlist没有更新。
我的代码如下，请帮助我找到答案。提前谢谢。
下面的代码用于从状态中删除该项。
const [selectedFiles, setSelectedFiles] = u
浏览 0提问于2021-01-14得票数 3
回答已采纳
我正在尝试创建动态复选框，名称从json获取，看起来和我需要的一样，但是如果没有代码解释，我无法归档我的目标，
我有一个这样的json例子：
this.state = {
data : [
{
"name": "ALL",
},
{
"name": "Android",
},
{
"name": "iOS",
},
{
"name": "React Native",
}
]}
下面的代码如下：
<
浏览 0提问于2018-03-20得票数 2
我是一名React Native初学者，我正在使用平面列表和自定义行。在每个定制行中，我都有像Text、TextInput和Button这样的元素。问题是，我需要按下这些按钮中的一个来启用并触发对TextInput的焦点。
我试着用，refs，来实现它，但是所有的东西都冻结了，所以我不知道该怎么做才对。
My构造函数
class EditProfileScreen extends React.Component {
constructor(props) {
super(props);
this._rowRefs = {}
}
My FlatList和MyCustomRo
浏览 28提问于2019-05-28得票数 0
希望一切都好，希望每个人都有一个愉快而安全的周末。这件事我需要一点帮助。我已经被困在这件事上一周了。我有一个react native项目，其中我使用了一个内部带有react native element复选框的平面列表。我有一个平面列表，显示从我的数据库中获取的数据。所以一切都能正常工作。但是当我检查其中一个正在显示的项目时，它会检查所有项目。我已经在谷歌上搜索并尝试了几种不同的方法，我在这里也是如此。在复选框中不选中任何内容或选中全部。你们能看看我下面的代码吗?如果我遗漏了什么，请告诉我。 非常感谢！ import React from 'react';
import
浏览 21提问于2020-09-19得票数 0
import React,{Component} from 'react';
import { Flatlist, Text, View} from 'react-native';
export default class List extends Component {
state={
person:[{name:'abhjeet'},{name:'shubham'},{name:'kamal'},{name:'devesh'},{name:'ashu'
浏览 11提问于2020-07-09得票数 0
回答已采纳
我试图重新渲染平面列表，但不能再更新了， 我从实时数据库中获取数据并将其作为数据道具传递给Flatlist，并编写了一个函数来从列表和数据库中删除一个项目，并且工作得很好，但当我删除列表的最后一个时，我看不到空屏幕“列表”只是库存上一个我已经删除的项目，尽管它在数据库中被删除了！ 代码 import React, { Component } from 'react';
import { View, Text, StyleSheet, FlatList, ScrollView, TouchableOpacity } from 'react-native';
im
浏览 21提问于2019-06-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
