React Native FlatList项可以溢出容器吗？
React Native FlatList项可以溢出容器。FlatList组件是React Native中用于渲染长列表的常用组件，它可以展示大量数据，并且支持滚动操作。当列表项的内容超出容器时，可以使用样式属性来控制溢出效果。
如果想要溢出容器，可以在列表项的样式中使用overflow属性。overflow属性可以有以下几个取值：
visible（默认值）：内容可以溢出容器显示。hidden：内容溢出部分会被裁剪隐藏。scroll：内容溢出时会显示滚动条。auto：根据内容是否溢出来决定是否显示滚动条。
例如，如果希望列表项的内容可以溢出容器，可以在样式中添加overflow: visible;。
React Native中的FlatList组件在渲染列表时，默认会根据列表项的高度自动计算列表的总高度，并通过滚动操作来显示列表的内容。当列表项内容溢出容器时，用户可以通过滚动操作来查看溢出的内容。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 TencentDB：https://cloud.tencent.com/product/cdb
- 云存储 COS：https://cloud.tencent.com/product/cos
- 人工智能平台 AI Lab：https://cloud.tencent.com/product/ailab
- 移动推送 TPNS：https://cloud.tencent.com/product/tpns
相关·内容
是否可以允许项溢出FlatList组件的容器？在本例中，FlatList中的项是常规的视图组件，它们内部有一个"popover“视图组件，我希望在FlatList容器的边界上显示该组件。Here you can see the red boxes are clipped by the boundaries of the FlatList container This is what I'dlike
浏览 3提问于2020-01-15得票数 5
我可以看出它是800 it-其中的最后100 it只有通过有意地滚动通过FlatList认为已经结束的地方才能访问。FlatList的“额外”高度就是，只要标头很高，就是。实际的工作代码，以及到零食的链接(如果您安装了世博，可以在浏览器或手机上复制)：
import { Text, View, FlatList} from 'react-native
浏览 1提问于2019-02-06得票数 2
以相同的方向创建嵌套在FlatList内部的FlatList；这是我的密码： return <Viewkey={question.item.code} <FlatListcloseFunction={this.handleClose}></TopBar>
<&#x
浏览 1提问于2018-04-05得票数 14
1回答
所以我开始学习react-从视频中学到的，他们已经使用了ListView，但是ListView很快就会被废弃，并且会被删除。我知道Flatlist将是合适的替代品，但作为初学者，我无法迁移到FlatList。import React, { Component } from "react";import { connect }from '<
浏览 0提问于2018-10-20得票数 2
回答已采纳
我有一个带有3个捕捉点的容器，它还包含一个scrollView，我在其中显示更多信息。由于某些原因，这个滚动视图只能在iOS上运行，而不能在安卓上运行。在iOS上，一切都可以完全无缝地工作。const bs = React.createRef();
<View style={styles.container}>
<BottomSheet
浏览 2提问于2020-07-17得票数 1
我想要自动滚动我的React原生平面列表。我看过几篇关于堆栈溢出的帖子，开发者在flatlist组件中引用了flatlist。我的问题是，我们何时以及为什么在React Native中引用flatlist。
浏览 5提问于2019-07-27得票数 0
我有一台<FlatList />。在这个<FlatList />中，我有另一个<FlatList />。嵌套的<FlatList />给了我一些奇怪的行为。它超出了容器的边界。正如您所看到的，标志正在越过代表<FlatList />边界的yellow框。这是一个重现这个问题的点心https://snack.expo.dev/@stophfacee&#
浏览 190提问于2021-10-15得票数 1
回答已采纳
但是我不知道react是如何在componentWillMount外部重新绘制setState的，以及如何使用新的URI重新创建soundobject的如果我在渲染视图中只做了一个按钮，它可以在它之外工作。如果我使用LegacyImplementation=true，FlatList将呈现setStates。但我警告说这是被弃用的。
浏览 2提问于2019-03-08得票数 0
对于scrollToIndex，如果我的元素在列表的底部，它会滚动到顶部，留出空白。有没有人要面对这个问题？ ?
浏览 21提问于2019-02-08得票数 0
我想要我的平面列表自动滚动和水平方向的循环，请帮助我提前谢谢 <FlatList timer}); // onScrollToIndexFailed={()=>{}}
flatListRef={React.createRef
浏览 15提问于2020-12-10得票数 0
我怎么才能让我的单元表看起来像这样呢？有没有支持这个或者我需要使用哪种风格的东西？ ?
浏览 70提问于2020-10-13得票数 1
回答已采纳
我试图在中创建一个列表，我有以下组件： return(<ListView></ListView>);}
然而，ListView没有被认可：Can't find variable: FlatList如果我将ListView改为
浏览 7提问于2017-09-29得票数 1
回答已采纳
Recycle View 这就是我想让它看起来的样子，我试着使用react-native-recycler view-list，但它不起作用。 我如何制作这样的列表？
浏览 33提问于2019-09-19得票数 0
4回答
如何在Flatlist中添加点击监听器renderItem({item, index}){ flex:1, height: 304, backgroundColor: '#ccc',}return(<FlatListstyles.list}
data={[{key: 'a'}, {key:
浏览 1提问于2017-06-18得票数 24
回答已采纳
真正简化的想法基本上是： 我有一个评论id为[01, 02, 03, n]的array <ParentComponent> data={array} const [comment, setComment] = React.useStategetComment(commentId) })
re
浏览 61提问于2019-12-19得票数 1
回答已采纳
我在一个FlatList中设置了4个maxHeight设置为200的ScrollView。<ScrollView> <FlatList/> <FlatList/>当我尝试滚动一个FlatList时，全源代码
import { Component, default as <em
浏览 2提问于2018-06-29得票数 47
回答已采纳
这就是我想要的：flatList就是这样的： pagingEnabled={true} renderItem={renderItem} /> container: {
alignItems
浏览 1提问于2020-12-10得票数 1
有时，我们在es6中加载如下内容：但是，有时我们用花括号覆盖这个导入的对象，如请告诉我什么时候应该使用这个括号。
浏览 1提问于2019-05-20得票数 3
回答已采纳
我已经将position:absolute分配给renderItems在renderItems中的根视图，这样每个FlatList项目都在后面，并且我可以滑动以查看下一个项目。下面是Flatlist中每一项的简单示例 <Animated.View style={[我试着阅读不同的GitHub问题以及堆栈溢出问题，但它们似乎不适合我。如何
浏览 6提问于2020-07-25得票数 1
2回答
我正在使用UI Kitten UI工具包构建React-Native CLI应用程序。在我的渲染中，我有下面的列表。
浏览 22提问于2020-06-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
