在初始呈现后多次调用React本机平面列表ListItem

文章/答案/技术大牛

发布

2回答

javascript、react-native、react-native-flatlist、listitem

平面列表组件，如下所示 <FlatList keyExtractor={item => item.ID.toString()}import { Image } from "react-native"; import { Left, Right, Body, Text,"react-native-

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

3回答

FlatList不呈现任何本机react中的文本。

javascript、react-native、redux、react-redux

我对本机和redux的反应相当陌生，我试图使用redux从一个平面列表中的JSON文件中呈现库标题，但是我的FlatList组件不会在屏幕上呈现任何内容。这是我的密码：import React, { Component } from "react";import { connect } from &

浏览 7提问于2020-03-11得票数 2

2回答

项在平面列表中不可见

javascript、react-native、react-redux

当我的平面列表被呈现时，我在呈现的项目函数中得到相同的项(索引0处的项)，并且在我的平面列表中看不到任何数据。我是新的反应native...any的帮助将不胜感激。这是my，它包含平面列表，在呈现项函数中，我将项目传递给另一个组件，我将其命名为ListviewItem。import React,{Component} from 'react</e

浏览 2提问于2018-04-18得票数 2

回答已采纳

3回答

React本机: uri在平面列表中呈现多次

react-native、react-native-flatlist

我是个反应本地人的新手。我试着给我的应用程序添加一个单张表。我有一个这样设计的数据数组： "hello", "welcome", "great", ] 问题是，我的图像出现了，但右边的文本实际上是我的uri字符

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

回答已采纳

3回答

如何获得列表ListItem的dataArray索引？

javascript、reactjs、react-native、native-base

例如： <ListItem><Text>{index}</Text> }</List> 然而，这是行不通的。

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

回答已采纳

2回答

如何在if语句中呈现某些内容

javascript、android、react-native、react-native-flatlist

问题我在react本机中使用平面列表，并希望将其与平面列表中的变量进行比较，如果两个变量相等，则呈现文本组件，但如果不相同，则不呈现任何内容。我尝试过很多方法，但它们都没有用。

浏览 5提问于2017-12-01得票数 2

回答已采纳

3回答

当列表很大时，FlatList速度较慢(项目数为100)-状态更改性能问题

react-native、react-native-flatlist

({ mobileNo: i.toString() }); } <ListItem> <ListItem.CheckBo

浏览 15提问于2022-07-21得票数 0

回答已采纳

1回答

在呈现方法中将参数传递给预定义的事件处理程序

javascript、reactjs、react-native

我正在呈现一些反映本地的视图。从读取的内容来看，出于性能原因，我们应该避免定义新函数或在呈现方法中使用bind。因此，在本例中，我有一个平面列表，每个列表项都呈现为一个TouchableNativeFeedback，它在按下调用handleOnPress。示例代码如下。Just pass the function itself and ListItem真是

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

回答已采纳

1回答

React本机FlatList不呈现

javascript、reactjs、react-native、react-native-elements

我试图添加一个可搜索的列表到我的Reactive原住民应用程序，但遇到了一个问题，同时试图渲染列表本身。错误是旧的“您可能忘记从其定义的文件中导出组件，或者您可能混淆了默认导入和命名导入”。我相信这可能是我的问题，但在网上阅读了几种不同的问题后，我似乎不知道问题出在哪里。我试着修改每一个使用过的导入，一个一个地列出它们，使用并删除括号。我尝试重新安装react本机元素，并检查了我的依赖项是否有正确的版本。也尝试在没有数据的情况下呈现列表。列表

浏览 0提问于2019-03-26得票数 1

回答已采纳

1回答

反应缓慢

javascript、react-native、react-native-flatlist、react-navigation-v5

我是新的反应本机，我已经创建了一个Instagram克隆与定制，但有一些问题。我从得到了回收视图包材料顶部标签导航是缓慢的。i

浏览 3提问于2021-07-28得票数 1

回答已采纳

2回答

React Native <ListItem onPress={...}> -为什么要执行这个函数？

javascript、react-native、react-native-router-flux、native-base

我刚刚开始考虑React Native，正在使用Redux管理state，我的UI组件的和正在处理视图之间的导航。目前，我正在构建一个由guest对象数组创建的基本列表。该列表存储在Redux存储中，我可以相应地访问和显示它。列表中的每一项都与guests数组中的一个guest相关联。我还跟踪了react-native-router-flux的，并在组件外部定义了导航操作，以便ListItem在按下它时调用它，而不是每次呈现它时<e

浏览 0提问于2016-10-27得票数 20

回答已采纳

1回答

如何在项目中访问第一个平面列表中的所有数据，以便将其传递给第二个平面列表？

javascript、react-native、react-native-flatlist、flatlist

我有两个平面列表在React中，本机第一个平面列表包含了我所有帖子的数据集。这些数据被呈现到posts、、、第二个平面列表中，其中包含了用户喜欢的所有帖子的数据集。这些数据被呈现到posts、、中，用户可以在自己的主提要中导航到喜欢的帖子(都在相同的堆栈导航器中)。我想将数据集从我的第一个平面列表传递到我的第二个平面列表

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

1回答

如何在react* native中获取多个渲染组件的状态？*

react-native

我正在用react native开发一个移动应用程序。我有一个组件"Period“，它有几个状态，每个状态都被存储为TextInputs。此组件在平面列表中呈现多次。现在我想知道如何才能获得在Flatlist中呈现的每个"Period“实例的状态值？非常感谢

浏览 1提问于2021-07-13得票数 0

1回答

React.js显示的值与父状态和呈现的HTML值不匹配

javascript、reactjs

我正在制作一个待办事项列表类型的应用程序来学习React。我有一个App组件，它包含一个包含ListItem组件的Todolist组件。每个ListItem组件都有一个标题和一个由复选框控制的布尔completed。选中并完成的ListItem组件将排序到Todolist的底部。当一个项目被选中时，我调用一个函数setItemCompleted() (在App的props中传递)来更新App的状态并重新呈现所有内容。在setItem

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

回答已采纳

3回答

反应本地FlatList

list、react-native、listitem、react-native-flatlist

新的响应本机，但我有一个数组的数据{key: "image1", imgLink: "imagelink"}, isModalVisible: false, }; 我在一个模态中也有一个FlatList

浏览 2提问于2017-08-29得票数 1

回答已采纳

3回答

无法读取未定义的属性“导航”

react-native、react-navigation

我在我的Router.js中使用了Router.jsimport LoginForm from 'ListItem.js中使用ListItem.js这是我的EmployeeList.jsimportreturn { employ

浏览 1提问于2018-04-15得票数 3

回答已采纳

1回答

如何在选择或单击列表中的单个项目时更新FlatList中所有项的UI设计

react-native

如何在选择或单击列表中的单个项目时更新FlatList中所有项的UI设计。我已经尝试了可能的结果，我还可以想到，只有在数据发生更改时，平面列表属性才能工作，否则就不能工作，还可以将值从子组件传递给父组件，并更改平面列表中的一个属性以重新呈现。这是我在从子组件回调时更改数据数组的代码：constructor(props

浏览 2提问于2019-05-02得票数 1

回答已采纳

1回答

如何在自定义平面列表中实现此库

react-native-popup-menu

this.props.contracts.data} renderItem={({ item }) => <ListItemonPress={() => {}} listItem={item} />});

浏览 0提问于2019-01-26得票数 0

1回答

如何在map函数中的每个列表项上设置调用

javascript、reactjs、ecmascript-6

在我尝试基于material-ui列表组件呈现列表的react组件中，我遇到了以下问题。我循环遍历contact对象的数组以呈现ListItem列表，但我希望能够处理每个列表项上的单击事件。我使用了onTouchTap属性并试图调用我的onSelectedContact方法，但是如何从地图函数传入当前的联系人对象呢？{this.props.contacts.map(( contact, i ) => <

浏览 7提问于2016-08-25得票数 0

3回答

如何在react本机中使用FlatList显示数据？

javascript、reactjs、react-native

我已经创建了cardView，但是如何将它转换为<FlatList/>，我无法理解什么是renderItem of FlatList？<ScrollView style={styles.container}> <Text style={styles.projectName}>{marketing_updates.length != 0 ? marketing_updates[0].project

浏览 1提问于2018-10-01得票数 1

回答已采纳

点击加载更多