腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
FlatList
、
Props
ListHeaderComponent
和
动态
扁平
表
数据
reactjs
、
react-native
、
socket.io
、
react-native-android
、
react-native-flatlist
我在我的React原生应用程序上使用Socket.io来呈现一些
动态
数据
。 我使用
FlatList
来显示所有这些
数据
,并且我需要在
FlatList
的顶部显示一些内容,比如过滤器
和
按钮。因此,在我的
FlatList
道具中,我使用了
ListHeaderComponent
,在这个组件中,我显示了另一个
扁平
列表
和
内容。我的问题是: 当使用一个Socket.io响应(每隔5秒)更新主
FlatList
时,<em
浏览 44
提问于2021-02-28
得票数 0
回答已采纳
2
回答
在
FlatList
中具有静态
和
动态
元素的反应
javascript
、
reactjs
、
react-native
、
react-native-flatlist
我正在尝试创建一个
FlatList
,有点像Twitter的Post列表,在设备的图片库中显示从相机到照片的选项。 我不知道如何将最初的2-3个元素作为静态元素,然后通过CameraRoll或其他方式添加
动态
元素。我想到的第一个解决方案是拥有一个数组,它的前2-3个元素作为文本包含“摄像机”、“库”等,然后将该数组与
动态
数组连接起来,并通过renderItem()函数处理所有内容,以显示“静态元素”情况下的不同视图
浏览 1
提问于2018-07-07
得票数 4
回答已采纳
2
回答
如何在react原生平面列表中同时显示静态内容
和
动态
内容?
react-native
、
react-native-flatlist
我有一个有顶部横幅
和
一些文本的视图,之后有一个使用分页的产品列表,我想做的是使用平面列表,有没有一种方法可以配置它,以便在我的renderItems中返回我的产品,并在相同的平面列表中有静态内容?
浏览 4
提问于2018-11-30
得票数 0
2
回答
FlatList
搜索栏不持久化键盘响应本机
react-native
我正在从API中获取
数据
,并在
FlatList
中实现搜索,但是键盘在每次按下键后都会自动关闭。我指的是,但是在一个功能组件中实现它。return itemData.includes(textData); setData(newData); <
FlatList
_id} ItemSeparatorComponent={renderSeparator}
ListHeaderComponent
={
浏览 2
提问于2020-06-02
得票数 1
回答已采纳
1
回答
如何在没有onContentSizeChange的情况下滚动到展览
表
的末尾
react-native
、
react-native-flatlist
我有一个要求一旦用户开始添加项目到平面列表,它必须滚动到末尾。如果我使用onContentSizeChange,
Flatlist
将滚动到底部,因为
数据
是
动态
加载的。如果我从
Flatlist
中获取ref,并在
数据
更新时使用
FlatList
的scrollToEnd方法,
FlatList
将滚动到末尾上方的一项。我认为这是因为
数据
更新、->滚动、->
浏览 4
提问于2021-11-23
得票数 1
1
回答
为什么
Flatlist
中的图像有时不能渲染?
ios
、
image
、
react-native
、
rendering
、
react-native-flatlist
它显示了我切换屏幕,以及每次我返回到
Flatlist
图像网格时得到的不同结果。https://imgur.com/HmC3Dvr 我尝试过
扁平
列表属性removeClippedSubviews={true}
和
{false}。={"resize"}/> </TouchableHighlight> } return( <<em
浏览 21
提问于2019-04-09
得票数 3
2
回答
React本机
FlatList
显示未嵌套在scrollView中的错误
react-native
、
react-native-flatlist
、
native-base
、
react-native-scrollview
我使用原生基础,错误是
扁平
列表,它包含内置滚动视图,不需要将其嵌套到scrollView中 ?图1代码: <Container> <View> </View> /></Container> 图2代码: <View>
浏览 27
提问于2020-10-09
得票数 0
14
回答
错误- VirtualizedLists不应嵌套在具有相同方向的普通ScrollViews中。
react-native
我正在开发一个react原生应用程序,我必须在Scrollview中放置一个对象列表,所以我使用
FlatList
组件来实现它。这是生成错误的代码段: Other components style=} Other components完全错误是:VirtualizedLists不应该以相同的方向嵌套在普通ScrollViews中
浏览 33
提问于2021-05-20
得票数 49
1
回答
状态更改时不呈现React本机平面列表
ListHeaderComponent
react-native
、
react-native-flatlist
我
和
ListHeaderComponent
有一个平面列表。当状态更新时,
ListHeaderComponent
不会更新。任何建议都会很有帮助。<Animated.
FlatList
data={this.
props
.store.homeStore.formattedEspeciallyProducts}contentContainerStyle={styles.
flatList
} ref={(ref) => this.
fl
浏览 33
提问于2020-06-15
得票数 0
2
回答
如何将平面
表
中的第一项呈现为2列中的全宽项
和
剩余项
reactjs
、
react-native
、
react-native-flatlist
如何在react本机平面列表中呈现
数据
,将其作为第一项显示,以单行2列中的全部宽度
和
其余元素作为第一项。
浏览 3
提问于2019-04-26
得票数 0
3
回答
FlatList
滚动显示静态组件
javascript
、
react-native
、
react-native-flatlist
我在一个屏幕中有一个静态组件
和
许多for循环呈现组件。 下面的所有代码都在这里。import React from "react";...return ( <FriendsTop /> // the static component <
FlatLi
浏览 22
提问于2018-12-19
得票数 2
回答已采纳
1
回答
如何在
FLatList
react native中实现Sraech bar
javascript
、
reactjs
、
react-native
、
ecmascript-6
我正在尝试在
FlatList
中添加搜索栏,这里是从API中获取
数据
并填充到
FlatList
中,但我必须过滤该列表,因为它可能包含许多
数据
。所以请帮帮我。TextInput, ActivityIndicator ,Header,
FlatList
}); console.error(e); }; cli
浏览 6
提问于2019-02-25
得票数 0
回答已采纳
1
回答
如何在react-native-tab-view中使用renderScene向
FlatList
传递道具?
javascript
、
reactjs
、
react-native
、
react-props
、
react-native-tab-view
我是React Native中的新手,正在尝试将道具传递给
FlatList
中的
ListHeaderComponent
const FirstRoute = (
props
) => { return( {
props
.isFollowed && ) re
浏览 31
提问于2020-05-06
得票数 0
2
回答
在numColumns - React-Native中包含
ListHeaderComponent
react-native
、
react-native-flatlist
有人知道如何在列中包含
扁平
列表的标题吗?例如,在下图中,我希望"Design“在同一行中跟随"New +”。下面是我在render中的代码: data={goalItems} renderItem={this._renderGoal}contentContainer
浏览 0
提问于2018-02-15
得票数 0
2
回答
React-Native: createRefCannot添加属性值,对象不可扩展
typescript
、
react-native
我刚刚开始使用React-Native
和
TypeScript: export default class List extends PureComponent<
Props
, object> {private flatListRef: React.RefObject<
FlatList
<any>>; super(
props
); this.flatListRef= React.createRef<<em
浏览 26
提问于2019-03-19
得票数 1
回答已采纳
2
回答
React本机
FlatList
水平模式根本不起作用
javascript
、
reactjs
、
react-native
、
react-native-flatlist
我正在使用React Native 0.44.0,并且我正在尝试使用卡片式布局来制作一个水平
FlatList
。无论出于什么原因,无论我做什么,我都不能激活水平模式。它似乎总是垂直渲染...下面是我使用的代码: horizontal={true} refreshing={this.state.refreshinghandleNewsFeedOnRefresh.bind(this)} renderScrollComponent={this.rende
浏览 8
提问于2017-08-20
得票数 11
回答已采纳
2
回答
使用Redux重新渲染
FlatList
ios
、
react-native
、
redux
我正在使用PureComponent渲染我的
FlatList
的项目,当我使用
FlatList
并在
数据
中传递一个本地状态给它时,渲染工作得很好,我没有浪费的重新渲染。但是,当我将
FlatList
与我redux存储在
数据
中的数组一起使用时,如果我向下滚动,那么每次调用onReachEnd时,重新呈现的效果都会很好。仅当我尝试使
FlatList
和
Redux协同工作时才出现该问题 ref={(view) => this.l
浏览 5
提问于2019-08-13
得票数 3
1
回答
创建可搜索平面列表时,未定义的命中不是对象(this.state.text)
react-native
、
react-native-flatlist
我正在尝试创建一个搜索栏来过滤
扁平
列表的
数据
。在下面的代码中,我创建了一个姓名列表,并将该姓名列表传递给
flatlist
。然后,我想把来自搜索栏的输入传递给searchFilterFunction来过滤
数据
。问题是当我进入页面时,我遇到了错误“未定义不是一个对象(评估this.state.text)。}, constructor(
props</
浏览 8
提问于2020-01-07
得票数 0
3
回答
将新
数据
添加到
数据
库时,反应本机更新平面列表
reactjs
、
react-native
、
redux
、
react-native-flatlist
我正在为这个问题而苦苦挣扎,当新
数据
被添加到
数据
库中时,有没有办法更新
扁平
表
?我正在使用redux这是我的带有redux操作和reducer代码的代码示例 this.
props
.data !<
Flat
浏览 0
提问于2019-12-11
得票数 0
6
回答
反应中反应的
FlatList
当量
javascript
、
reactjs
、
react-native
、
react-native-flatlist
如果没有类似的内容,我一直在考虑仅仅使用来通过我构建的项目组件呈现所有的项,这也是在文档
和
这个中演示的。
浏览 4
提问于2018-09-28
得票数 18
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React.js Components:基础指南
React-State状态的使用
React常用方法
Apache ShardingSphere 5.1.0 执行引擎性能优化揭秘
ReactNative快速上手必知必会
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券