腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
自定义
renderItem
时
,
React
原生
FlatList
无法
垂直
滚动
,
并且
无法
查看
列表
中
的
所有
项目
、
、
、
我已经创建了一个屏幕,把一个图像作为整个屏幕
的
背景。我想用
FlatList
显示一个数组
列表
。我已经创建了一个单独
的
function组件作为
FlatList
项
的
cardItem,并将其包装在一个<View></View>元素
中
。我已经搜索了很多,也在很多网站上阅读了问题答案,但我
的
FlatList
不能
垂直
滚动
,最终我
无法
在ArrayList
中
浏览 3
提问于2019-10-25
得票数 0
2
回答
React
原生
平面
列表
渲染大型数据
的
速度非常慢
、
、
我
使用
flatlist
在
原生
react
中
渲染我
的
数据,但是
flatlist
渲染大量数据
的
速度非常慢,在快速
滚动
之后,它会重新渲染数据。由于这一点,我
的
应用程序需要很长时间才能显示完整
的
数据。我也收到了这样
的
消息 VirtualizedList: You have a large list that is slow to update - make sure your
ren
浏览 84
提问于2021-07-03
得票数 4
14
回答
错误- VirtualizedLists不应嵌套在具有相同方向
的
普通ScrollViews
中
。
我正在开发一个
react
原生
应用程序,我必须在Scrollview中放置一个对象
列表
,所以我
使用
FlatList
组件来实现它。这是生成错误
的
代码段: Other components style=={data} keyExtractor={(item,
浏览 33
提问于2021-05-20
得票数 49
3
回答
FlatList
与map
react
-native
、
、
、
我最近开始
使用
react
-native,
并且
偶然发现了
FlatList
组件。在
使用
react
时
,我总是
使用
带数组
的
map。我
使用
的
是
FlatList
,但当我想要更改
FlatList
中
项目
的flex-direction
时
出现了问题,所以我又
使用
了map。下面是
使用
这两种方法<e
浏览 2
提问于2018-01-05
得票数 19
回答已采纳
2
回答
如何在
react
-native
中
刷新扁平
列表
上
的
特定行?
、
、
、
我正在尝试刷新扁平
列表
中
的
特定单元格/行。如何在加载数据
时
仅刷新单个单元格。并在刷新后显示数据? 可以刷新
react
-native视图中
的
特定行吗?例如,我在<View/>
中
嵌套
的
一行
中
显示图像。
浏览 0
提问于2019-03-25
得票数 2
6
回答
反应
中
反应
的
FlatList
当量
、
、
、
是否有与
React
的
组件相当
的
React
本机?在Reacti原住民
中
构建了一个移动应用程序之后,我现在将它转换为一个web应用程序。(考虑过
使用
,但决定不
使用
它,主要是因为我想学习
React
。)如果没有类似的内容,我一直在考虑仅仅
使用
来通过我构建
的
项目
组件呈现
所有
的项,这也是在文档和这个中演示
的
。
浏览 4
提问于2018-09-28
得票数 18
回答已采纳
6
回答
使用
FlatList
在屏幕中心
使用
ListHeaderComponent显示
列表
空消息
、
我
使用
的
是
React
原生
版本0.43.0,它不支持ListEmptyComponent of
FlatList
。因此,当
列表
为空
时
,我
使用
ListHeaderComponent来呈现视图,import { Text, View,StyleSheet,
FlatList
} from '<
浏览 8
提问于2017-12-04
得票数 33
2
回答
ScrollToIndex没有按预期
滚动
FlatList
、
我有一个像这样
的
FlatList
设置 style={styles.listContainer}/>_setRef = (ref) => {由
浏览 2
提问于2019-08-19
得票数 0
回答已采纳
1
回答
按下
项目
时
重新呈现平面
列表
数据
、
、
我
使用
react
原生
平面
列表
来呈现我
的
数据。当一个
项目
在
flatlist
中被按下
时
,我想在
flatlist
中
重新呈现数据。如何做到这一点?}, id: 2, isShow: 0 const
renderItem
TouchableOpacit
浏览 27
提问于2021-07-27
得票数 1
回答已采纳
1
回答
在
React
-Native中有2列
的
FlatList
上防止单独项变为100%宽度
、
我得到了一个带有numColumns={2}
的
FlatList
,在这个
FlatList
中
,我呈现了一个
原生
基卡
项目
。这个想法是有一个卡片
列表
,每个卡片都占据了父容器
的
50%。但我意识到,例如,如果我有3个
项目
,由于卡片样式上
的
flex: 1,下面的
项目
将占用100%
的
宽度。 我怎样才能使单独
的
项目
在任何情况下都只有50%
的
宽度?
浏览 29
提问于2019-01-20
得票数 1
2
回答
React
Native Paper
中
的卡片
列表
、
我想
使用
react
-native-paper在我
的
React
Native应用程序中有一个
垂直
的卡片
列表
。我将
使用
作为
react
-native-paper一部分
的
<Card>组件。我应该将卡片包装在<
FlatList
>
中
还是作为
react
-native-paper一部分
的
<List>组件
中
?我不确定
re
浏览 0
提问于2020-09-20
得票数 1
7
回答
更新
Flatlist
数据后
的
ScrollToEnd
、
我正在用
Flatlist
做一个聊天室。我想要向数据
中
添加一个新
项目
,然后
滚动
到
列表
的
底部。我
使用
scrollToEnd方法,但它不起作用。我该怎么做? ref="
flatList
" extraData = {this.state}
renderItem
={({item}) =&g
浏览 27
提问于2017-09-19
得票数 9
回答已采纳
1
回答
反应本机恢复
的
2冲突
FlatList
和PanGestureHandler
、
、
我试图创建
垂直
平面表与滑动删除功能。因此,我
的
平面
列表
中
的
每一项都是由PanGestureHandler处理
的
,我
的
问题是,当我试图
滚动
平面
列表
滚动
时
,由于
滚动
视图动画和pan手势动画之间
的
冲突,所以
无法
工作。我试过
使用
simultaneousHandlers,但没有用。我还尝试
使用
来自
react</e
浏览 0
提问于2022-03-02
得票数 1
回答已采纳
1
回答
无法
在
react
-native-svg
中
滚动
flatList
、
我已经
使用
react
-native-svg创建了一个矩形,并在该矩形
中
添加了一个
flatList
,它显示了
所有
的
项目
,但我
无法
滚动
列表
。请检查一下我是不是漏掉了什么?contentContainerStyle={styles.flatListContainer}
renderItem
={this.renderData={false} keyExt
浏览 1
提问于2020-08-02
得票数 0
2
回答
当
使用
ScrollView在
react
本机中
使用
时,将裁剪最后一个图像
、
、
我正在尝试构建类似instagram
的
帖子,这是可以
滚动
的
连续图片。编辑:我已经把
滚动
视图改成了平面图,仍然面临着同样
的
问题,你还能建议做些什么吗?编辑2:意识到平面
列表
上
的
<Header />和<Stories />没有让它完全
滚动
,也就是说它没有
滚动
的
高度与<Header />和<Stories />
的
高度成
浏览 6
提问于2022-05-09
得票数 0
3
回答
反应本机
滚动
视图/平卷不
滚动
、
、
我有一个数据
列表
,我想要放置在一个
FlatList
(即ScrollView)
中
,每当我试图向下
滚动
查看
列表
的
更多内容
时
,ScrollView就会反弹到
列表
的
顶部,这样我就
无法
看到
列表
的
底部。我
使用
的
是世博会,奇怪
的
是,如果我只是创建一个新
的
项目
,或者复制/粘贴一些
浏览 3
提问于2017-05-30
得票数 5
1
回答
FlatList
:如何在特定
列表
项
中
聚焦
滚动
、
、
、
、
上下文: 在将
列表
显示给用户之前,
列表
应在当前月份集中显示。现状: 我
使用
"
FlatList
“"scrollToOffset”属性来执行此请求,当
列表
接收到“数据源”
时
,会自动触
浏览 0
提问于2019-02-13
得票数 3
3
回答
反应本机
FlatList
scrollToBottom不工作
、
、
、
欢迎大家,<
FlatList
style = { styles.list } data = { this.state.conversation_arr基本上是为我
的
应用程序实现聊天功能,因此,一旦chat加载,我需要
浏览 0
提问于2018-01-31
得票数 2
1
回答
与项交互
时
,从函数返回
的
React
本机
FlatList
或从顶部重新呈现
的
常量
、
、
我正在尝试将平面
列表
检查表放入
react
原生
选项卡视图中,为此,您需要将平面
列表
声明为常量,以便可以像这样
使用
它。不幸
的
是,每当我点击
列表
底部
的
项目
时
,它就会弹回顶部,并重新呈现
列表
。当平面
列表
被直接呈现到组件
的
render函数
中
时
,不会出现这个问题。 我已经对我
的
意思做了一个简化
的
版本。ht
浏览 20
提问于2020-06-08
得票数 3
5
回答
当在
react
原生
中导航
时
,如何
使用
扁平
列表
保持
滚动
位置?
、
、
我对
原生
反应还很陌生。我正面临着在向前导航然后返回到该屏幕
时
保持平面
列表
的
位置
的
问题。当向前导航然后向后导航
时
,
滚动
位置丢失。预期行为 当在广泛
的
项目
列表
上导航
时
,用户向下
滚动
列表
并单击某个
项目
。应用程序转到下一个页面,其中显示产品详细信息。如果用户决定向后导航,则页面不会
滚动
到上一点。
浏览 1
提问于2018-01-02
得票数 22
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React Native外包开发APP的优化方法
Web前端:如何提高React原生应用性能
React 状态管理:从 props和state 说起
Flutter vs React Native vs Native:深度性能比较
React还是Vue:选哪个?
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券