FlatList不渲染行

文章/答案/技术大牛

发布

1回答

react-native、react-native-flatlist

我正在尝试学习react-native的FlatList组件。根据教程，我实现了一个示例应用程序，其中列出了滚动视图中的组件。我正在尝试用FlatList替换scrollview，但项目不是屏幕上的渲染。我已经在这里包含了主要的源代码。App.js import React, { Component } from 'react' StyleSheet, ScrollView, } render

浏览 14提问于2020-01-07得票数 1

回答已采纳

8回答

用多行响应本机水平FlatList

react-native

我正在尝试实现一个有两行的水平滚动列表。使用FlatList，垂直滚动列表需要设置numColumns，但是对于使用具有水平的行没有等效的设置。 horizontal={true} contentContaine

浏览 8提问于2017-08-29得票数 27

1回答

React原生FlatList不使用构造的数据

javascript、react-native、react-native-flatlist

作品： data={['0', '1', '2', '3', '4']} <Button title={item} />/><FlatList

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

1回答

如何通过更改任何状态值来重新呈现平面列表？

reactjs、react-native、state

我有一个状态 super (props); index: '', } <FlatListrenderItem={({item, index}) => this.renderFlatListItem (item, index)}我想用按钮点击来重新渲染平面列表index: 'value'}); 我发现通过设置索引值，ui可以在ren

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

2回答

FlatList不渲染图像

javascript、reactjs、react-native

我对FlatList有一个问题，我试图用从数据库获得的数据来渲染图像。但什么也没出现。this.state.games) 我已经宣布国家： games:[], players:[]现在FlatList： <FlatLis

浏览 1提问于2019-10-23得票数 0

1回答

平面表getItemLayout用法

android、performance、react-native、react-native-flatlist

为什么我们在flatlist中使用getItemLayout，它如何帮助react原生文档提高flatlist .check的性能，但没有找到令人满意的答案。

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

回答已采纳

1回答

Flatlist让我的应用程序变得很慢

react-native、react-native-flatlist

我需要用Flatlist渲染大约1000行。不幸的是，在渲染了几个没有问题的程序后，我的应用程序开始变得非常缓慢和冻结，所以它变得完全不可能操作。我正在寻找一个解决方案来使用，而不是Flatlist，它显示了它的局限性。我需要一个模块，可以处理数百行没有任何问题。 onEndReached={this.props.onEndReached} initia

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

1回答

响应本机中平面列表行的全局或静态状态

react-native、static、state、global、react-native-flatlist

对于Flatlist的所有行，是否有可能存在一个静态state。我有一个Component，我只想在Flatlist的一行上显示它，当我单击它时，当我单击另一行Flatlist时，Component不应该呈现在上一行，而应该显示在当前单击的行上。这里我有两行Flatlist。我想渲染进度条只为点击的卡视图或播放Buton。因此，我的逻辑是，当我单击按钮时，我会将单击的keyID F

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

3回答

在React Native中创建行

javascript、react-native

Dont的数据渲染行，例如react-native-easy-grid，我想在没有其他库的情况下做到这一点，如果我使用这种方式，我可以滚动项目吗？ 

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

回答已采纳

4回答

React-使用FlatList的本机for循环出现错误

javascript、jquery、reactjs、react-native、react-redux

每个FoodTypes都有各自的菜单render() { return ( <View className="container-fluid"><Text>

浏览 1提问于2020-07-21得票数 0

1回答

ReactNative呈现嵌套列表速度慢:建议

react-native

nested data } { } renderItem={({item}) => <Section item={item} />}/> 在此之前

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

3回答

没有渲染任何东西

reactjs、react-native

key={etiqueta.id} etiqueta={etiqueta} galleries={ this.props.galleries } /> <FlatList

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

回答已采纳

1回答

React原生滚动动画

react-native

当我在FlatList中上下滚动时，HeaderArea的高度无论如何都不会改变它的高度！<View style={styles.flatStyle}> <FlatList

浏览 19提问于2021-03-26得票数 1

回答已采纳

2回答

为什么我不能输入react-native SearchBar？

javascript、react-native、searchbar

import React, { Component } from "react"; View, FlatList, <SafeAreaView style={styles.container}> <FlatList

浏览 9提问于2019-11-28得票数 1

2回答

使用具有不同列数的交替行反应本机FlatList

react-native、flexbox

我想有一个FlatList来渲染奇数行上的单个项目和偶数行上的2个项目有没有可能实现这种布局。我很抱歉我还没有它的代码。

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

1回答

在运行时计算FlatList行组件的高度

react-native-ios、react-native-flatlist

我想设计一个有4行的FlatList，每行应该占用FlatList的1/4高，每行之间的间距为5px。作为一名原生iOS开发人员，我对如何在react- native的FlatList中实现这一点感到有点困惑。我不知道在row组件的哪个渲染阶段，可以应用计算。

浏览 1提问于2020-01-27得票数 0

1回答

按钮的平面列表在第一次导航时不呈现

react-native、react-native-flatlist

我有一个Stack.Navigator，当我导航到包含我的FlatList的页面时，它一次呈现4x6项，所有其他组件都将呈现，扁平列表将不可见/不呈现。我更喜欢整个应用程序冻结/卡顿，直到所有的第一个页面都准备好一次显示，而不是渲染除了Flatlist之外的所有东西，然后到处颠簸UI。据我所知，FlatList组件是非常没有争议的。<View> numColumns={4}

浏览 18提问于2020-10-31得票数 0

2回答

React原生平面列表渲染大型数据的速度非常慢

react-native、react-native-flatlist、flatlist

我使用flatlist在原生react中渲染我的数据，但是flatlist渲染大量数据的速度非常慢，在快速滚动之后，它会重新渲染数据。由于这一点，我的应用程序需要很长时间才能显示完整的数据。React performance best practices like PureComponent, shouldComponentUpdate<FlatList</em

浏览 84提问于2021-07-03得票数 4

3回答

React本机:在Flatlist中使用钩子

reactjs、react-native

我正在尝试渲染一个FlatList removeClippedSubviews {...{ data }} extraData钩子在代码库的其他地方工作，所以这不是包不匹配的问题。任何帮助都非常感谢。

浏览 0提问于2019-03-20得票数 9

回答已采纳

3回答

有条件地向组件添加属性

reactjs、react-native、jsx、flatlist

<FlatList if(numColumns>1) columnWrapperStyle

浏览 65提问于2021-08-16得票数 0

回答已采纳

点击加载更多