ListView Flutter上的Scrollview
ListView是Flutter中的一个常用组件，用于在移动应用中展示大量数据的列表。它是一个可滚动的容器，可以在垂直方向上滚动显示子组件。
ListView有两种常见的构造方式：ListView.builder和ListView.separated。
- ListView.builder：根据子项的索引构建子项。这种构造方式适用于大量数据的列表，只有当前可见的子项才会被构建，可以提高性能。
优势：
- 高性能：ListView.builder只会构建当前可见的子项，避免了一次性构建所有子项的开销。
- 灵活性：可以根据子项的索引动态构建子项，适用于大量数据的列表。
应用场景：
- 社交应用中的好友列表、消息列表等。
- 电商应用中的商品列表、订单列表等。
推荐的腾讯云相关产品：
- 云服务器（CVM）：提供稳定可靠的云服务器实例，用于部署Flutter应用。
- 云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的MySQL数据库服务，用于存储Flutter应用的数据。
产品介绍链接地址：
相关·内容
我的应用程序
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(home: Scaffold(body: Grid())));
class Grid extends StatefulWidget {
@override
_GridState createState() => _GridState();
}
class _GridState extends State<Grid> {
List<Widget> pieces =
浏览 7提问于2020-04-13得票数 0
回答已采纳
我正在尝试使用PageView中的ScrollView在flutter中实现此效果： https://ibb.co/dMd3TZL 但当我滚动到第二页时，我就卡住了，再也回不去了。 示例代码： import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
浏览 31提问于2019-12-14得票数 0
在这个示例代码中，我希望将嵌套的ListView放在SingleChildScrollView中，但是我得到了以下错误：
RenderBox was not laid out: RenderRepaintBoundary#8de00 relayoutBoundary=up1 NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1694 pos 12: 'hasSize'
我的代码：
void main() => runApp(MyApp());
clas
浏览 17提问于2020-03-30得票数 1
回答已采纳
1回答
我的UI用例类似于Instagram用户配置文件。 我有多个小工具在顶部和一个无限的ListView.builder与项目。我想滚动所有东西，就像在ScrollView中一样，但是滚动视图不能包含无限列表。 如何在Flutter中处理这种情况？
浏览 25提问于2021-04-26得票数 2
回答已采纳
在我添加了marquee插件并使用它之后，我总是会得到这个错误。
../../../development/flutter/.pub-cache/hosted/pub.dartlang.org/fading_edge_scrollview-2.0.1/lib/src/fading_edge_scrollview.dart:195:20: Warning: Operand of null-aware operation '?.' has type 'WidgetsBinding' which excludes null.
- 'WidgetsBindin
浏览 14提问于2022-05-25得票数 0
回答已采纳
2回答
我创建了一个自定义小部件，它将页脚作为最后一项添加到接收到的可滚动小部件。一切正常，但我想改变页脚被创建的时间。
就像ListView.builder在滚动到屏幕上时创建项目一样，我也希望在页脚上出现这种情况。如果这个自定义小部件接收到一个ListView.builder或GridView.builder，那么当它们滚动到屏幕上时，它们的项就会被创建得很好，但是页脚是第一次创建的，即使它不在屏幕上。
这里是自定义小部件，接收到的小部件是widget.child (ScrollView)，页脚是widget.footer (Widget)。
@override
Widget build(Buil
浏览 1提问于2019-10-22得票数 2
回答已采纳
如何检测ListView何时滚动？
我尝试将ListView包装在ScrollView中，并在ScrollView上使用scroll事件。不起作用。
浏览 8提问于2018-12-13得票数 1
回答已采纳
1回答
我已经在ScrollView上添加了Button和ListView。下面将Button添加到ScrollView中的ListView中，但问题是它在button和ListView之间显示了很大的空间。以下是我的代码
ReservationDrinkListAdapter adp = new ReservationDrinkListAdapter(this,
KukumberApplication.getInstance().getBottleService().menuItems);
list.setAdapter(adp);
Util.
浏览 0提问于2012-11-08得票数 2
回答已采纳
我试图同时使用ScrollView和ListView。
我发现，如果我使用ListView并单击其中一项，让当前的片段被下一个片段替换，然后按后退按钮来预览片段。ListView的滚动位置将保持相同的位置。但是如果我使用ScrollView，它就不会了。
我不明白他们为什么不同？我怎样才能使ScrollView在按下后退按钮后保持其位置？
事实上，我在StackOverflow搜索了一些答案。但我想知道原因，并找到一个更简单的方法，使ScrollView和ListView具有相同的行为。
请帮帮我!谢谢!
浏览 2提问于2014-09-27得票数 32
回答已采纳
2回答
所以我知道我不能在ScrollView中使用ListView，因为在这种情况下ScrollView获得了焦点，而ListView变得不可滚动。但是我有一个程序，在横向模式下会从屏幕上消失，我需要能够向下滚动来查看程序的其余部分，所以我使用LinearLayout(vertical)和ScrollView，它包含了程序的大部分内容，在这个ScrollView下我得到了我的ListView。现在我想在横向模式下向下滚动到我的ListView，但它不让我这样做，它阻止我从ListView开始的地方。有没有解决这个问题的办法，还是让我的程序停留在纵向模式更好？
浏览 2提问于2012-08-14得票数 2
回答已采纳
我有一个ListView和一个TextView。它们都在LinearLayout中。这个LinearLayout在ScrollView内部。所以看起来是这样的：
Linearlayout
ScrollView
linearlayout
ListView
TextView
Linearlayout
ScrollView
linearlayout
但是你不能滚动它。它只显示ListView。由于某种原因，ListView被裁剪了。
这是正常的吗？如果没有，那么如何解决这个问题呢？
浏览 0提问于2012-04-22得票数 1
回答已采纳
在我正在开发的一个应用程序中，我有一些数据可以作为列表、地图或分析显示。用户可以通过单击按钮选择其中之一。在屏幕上，我有一个标题，在它下面有一个ScrollView。在ScrollView中，我有用于ListView、地图和分析的容器。我根据用户的操作显示/隐藏这些视图。ListView在ScrollView中，因此我使ListView不可滚动，并使其高度展开，以便可以显示所有项目。
现在我的问题是:因为ListView被扩展了，ScrollView的高度变得非常大。现在，即使我隐藏ListView并显示地图，ScrollView的高度也保持不变。因此，即使地图显示在一个小区域，我可以继续滚动
浏览 6提问于2015-01-02得票数 0
回答已采纳
1回答
当然，ScrollView中的ListView是有问题的，因为ScrollView不会接收在ListView中执行的滚动手势。所以我想了一个这样的解决方案：ListView本身的高度应该是它所有元素的高度之和，这样就不可能在ListView中滚动。因此，滚动手势总是传递给ScrollView。这有没有可能(我想看看一些XML代码)？
注意:我希望ScrollView中有更多的View，而不仅仅是我的ListView。否则，我可以省略ScrollView，直接获取ListView。
我的ScrollView的内容示例
TextView
Item 1 of my ListView
浏览 1提问于2014-03-10得票数 0
我不知道为什么我看到这个错误在颤振包装路径与收缩包装问题..。每次我尝试生成或构建我的代码的apk时，这个错误都会阻止编译器使用下面的消息。
PS D:\Flutter_apps\splash_screen> flutter clean
Deleting 'build\'.
PS D:\Flutter_apps\splash_screen> flutter run
Using hardware rendering with device Android SDK built for x86. If you get graphics artifacts, conside
浏览 0提问于2018-11-04得票数 0
回答已采纳
我试图在RefreshIndicator中使用Scrollview，因为RefreshIndicator中的list也需要额外的宽度，但是它不起作用。
基本上，我想使用RefreshIndicator，然后在其中使用带有多个小部件的列的滚动视图。
提前感谢！
这是我的代码：
class _DashboardState extends State<Dashboard> {
List<String> _demoData = [];
@override
void initState() {
_demoData = [
"Flutter&
浏览 2提问于2021-05-17得票数 0
回答已采纳
1回答
我在ScrollView中有一个ListView。它们都是Fragment的一部分。
为了防止ScrollView会影响ListView的滚动，我添加了以下代码：
myListView.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
v.getParent().requestDisallowInterceptTouchEvent(true);
r
浏览 2提问于2014-12-18得票数 2
通常，下面的行为本质上是快速的。但是，在GridView (或我假设的任何ScrollView (也尝试过ListView ))中，性能似乎非常差。当我点击屏幕时，容器的不透明度增加了，但是延迟了。知道我错过了什么吗？
import "package:flutter/material.dart";
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Mat
浏览 0提问于2018-10-30得票数 4
回答已采纳
2回答
我的问题是在使用ScrollView滚动其他视图和小部件方面，Android的最佳实践。这是为了知道什么时候使用ScrollView来消除滚动的冗余，如果在给定的小部件/视图/布局中可以滚动。
因此，我注意到，在某些情况下，我实际上不需要使用ScrollView来使事物可滚动。据我所知，很少有小部件/视图/布局是TextView和ListView。根据，这是受支持的。
您不应该将ScrollView与ListView一起使用，因为ListView负责自己的垂直滚动。最重要的是，这样做破坏了ListView中处理大型列表的所有重要优化，因为它实际上迫使ListView显示其全部项列表，以填充S
浏览 1提问于2015-12-30得票数 1
我有webview和listview。可能会有不同的情况。WebView可以为空或具有长字符串数据。还有listview:空行或大计数行。我想在webview上看到数据。向下滚动。在webview之后，我想看到listview的所有数据。我需要: scrollview LinearLayout - WebView - ListView。
<ScrollView
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLay
浏览 0提问于2012-04-22得票数 1
回答已采纳
2回答
<ScrollView android:layout_width="fill_parent" android:id="@+id/scrollView1"
android:layout_height="fill_parent">
<LinearLayout android:id="@+id/linearLayout1"
android:layout_width="fill_parent" android:orientation="ver
浏览 3提问于2012-03-09得票数 12
回答已采纳
4回答
我有一个相当复杂的视图构建，作为其中的一部分，我在ScrollView的LinearLayout中有一个ListView (以及更多的组件，但它们在这个问题上无关紧要)。
现在整个活动可以很好地滚动，但ListView的高度是有限的，当其中的项目超过高度时，我的屏幕就会消失。我试图将ListView放在它自己的ScrollView中，但这不起作用。当我尝试在ListView上滚动时，主ScrollView被选中，我的屏幕滚动而不是ListView。
我的问题可能听起来很简单，但我还没能解决这个问题...有没有可能让ListView也可以滚动？
相关的XML：
<ScrollView xm
浏览 1提问于2011-03-15得票数 13
回答已采纳
1回答
颤动银条容器
、、
我是flutter的新手，我不能实现我想要的布局。 我有一个带有3个标签的sliverAppBar。其中一个选项卡的内容必须是由一个固定大小的容器(以图像为背景)和一个ListView组成的ScrollView复合。 我曾经尝试过使用CustomScrollView来实现这一点，但我不知道如何创建容器，因为它不是一个小块。 你能给我指出正确的方向吗？ 问候你，迭戈。
浏览 23提问于2019-02-17得票数 29
回答已采纳
我有下面的代码，这是以前的工作，但由于其馀代码的性质已经改变，这是不工作了。
我需要pageController.page值将background和borderColor添加到GestureDetector下的listView按钮中。
问题是，如果我从下面的代码中删除注释，我只会得到decimal points中的第一个值，而不是double中的1,2,3,4,5。这不会导致任何更改，因为我将currentPageValue与index在ListView.builder中进行比较。
我可以将background & borderColor设置在GestureDetector onTap
浏览 4提问于2020-08-29得票数 0
我希望创建一个元素，该元素首先显示在ScrollView (或ListView)中间，然后在滚动时被卡在屏幕的标题中。
它是CSS+JS：中的原型实现。
乍一看，我会让ScrollView包括ListView，但官方文档说：
您不应该将ScrollView与ListView一起使用，因为ListView负责自己的垂直滚动。最重要的是，这样做破坏了ListView中处理大型列表的所有重要优化，因为它实际上迫使ListView显示其全部项列表，以填充ScrollView提供的无限容器。
那么，我可以尝试什么方法来实现这个UI呢？
Update：我尝试了，但是：“目前不可能在标题、按钮、开关
浏览 4提问于2013-07-22得票数 18
回答已采纳
4回答
可能重复：
我在一个ListView中有一个ScrollView，问题是ScrollView正在滚动，但是ListView没有滚动。我认为这是因为那个ScrollView。有谁能解决这个问题吗？
浏览 6提问于2011-03-24得票数 10
回答已采纳
以下是概念上的场景(不包括线性布局)
ScrollView
Button
Checkboxes
Spinner
ListView (full-size, non-scrolling)
AdMob advert
即滚动窗格，它在顶部具有过滤UI，然后是结果，但广告必须始终保持可见，并且当向下滚动时，过滤器UI必须滚动离开，为结果留出最大空间。
我意识到ScrollView中的ListView存在问题，尽管对我来说，它在许多方面都工作得很好(我正在调整ListView的长度以防止它崩溃)。因此，屏幕滚动得很好，广告留在底部，看起来也不错。
但我看到的问题是，令人费解的是，当活动打开
浏览 0提问于2010-10-25得票数 6
回答已采纳
tl;dr:如何实现下面屏幕截图中显示的布局？显然不建议将ListView放置到ScrollView中，但实际上还有其他方法来实现它吗？
整个问题：我想在我的应用程序中有多个CardViews，其中一个(或更多)将包含RecyclerView或ListView (这对我来说并不重要)。整个视图应该是可滚动的，而不仅仅是其父CardViews中的CardViews。我基本上需要实现与Play Store应用程序类似的布局。
我尝试的第一个选择是这样(代码显然是简化的)：
<LinearLayout android:orientation="vertical">
浏览 2提问于2017-11-17得票数 2
回答已采纳
1回答
我需要在Flutter上实现一个ListView，并且我将snapshot.data.length作为itemCount的参数进行传递 return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(
snapshot.data[index].data["Identificacao"],... 然后我得到了一个错误： I/flutter ( 4647
浏览 24提问于2021-07-26得票数 0
回答已采纳
3回答
嵌套列表视图滚动的线性布局
、、、、
我有一个带有嵌套列表视图的LinearLayout，如下所示：
<LinearLayout ... >
<LinearLayout>
</LinearLayout>
<ListView>
</ListView>
</LinearLayout>
问题是，listview拥有滚动条(因此只有列表视图中的内容是可滚动的)，但我实际上希望父LinearLayout拥有滚动条(因此使整个内容可滚动)。
将父ListView封装在ScrollView中没有成功，因为ScrollView不识别ListVi
浏览 18提问于2012-05-21得票数 3
回答已采纳
1回答
按住后可滚动吗？
、、
我在片段中使用了scrollview，scrollview包含一个ListView
我的代码：
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scroller"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:fillViewport="true&#
浏览 0提问于2012-11-27得票数 0
回答已采纳
我有一个安卓布局，它有一个scrollView，里面有很多元素。在scrollView的底部，我有一个listView，然后由适配器填充。
我现在遇到的问题是，安卓正在将listView排除在scrollView之外，因为scrollView已经具有滚动功能。我希望只要内容是listView，主滚动视图就可以滚动。
如果scrollView已经完成了她的滚动，我想设置listView滚动
@Gaurav Roy
浏览 5提问于2017-07-21得票数 0
回答已采纳
我需要一些帮助来弄清楚如何渲染ListView。
我一直在学习Flutter教程，但我不得不停下来，因为我无法绕过这个问题。
据我所知，ListView试图占用无限的空间，这显然会使应用程序崩溃。
我也逐渐理解了ListView不能作为列/行的直接子级(我将在下面解释我试图对此做什么)
代码如下：
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
Container(
margin: EdgeInsets.all(10),
浏览 3提问于2018-12-16得票数 13
你好，我正在制作一个flutter应用程序，在ScrollView中，需要放入可扩展列表view.First，这里是我的build方法。 return Scaffold(
appBar: AppBar(
backgroundColor: app_color,
iconTheme: IconThemeData(
color: Colors.white, //change your color here
)),
//debugShowCheckedModeBanner: false,
//key
浏览 28提问于2019-05-07得票数 4
5回答
我正在Android Studio上开发一个新的颤振应用程序。我的应用程序有一页是从Future获取信息的。随着未来的结果，我正在创建一个ListView.builder()
下面是代码：
Widget encabezados(BuildContext context, AsyncSnapshot snapshot)
{
ListView(
children: <Widget>[
new Card(
elevation: 3,
child: Row(
mainAxisAlignm
浏览 1提问于2019-05-25得票数 8
回答已采纳
2回答
我有一个应用程序，我正在努力解决。在应用程序的一个布局中，我有多个ListView组件。轮廓如下所示：
<ScrollView>
<RelativeLayout>
<TextView />
<TextView />
<ListView />
<ListView />
<ListView />
<Button />
</RelativeLayout>
</ScrollView>
这三个独立的Li
浏览 1提问于2012-11-30得票数 2
回答已采纳
当我将焦点对准Editor时，键盘与Editor和Button重叠。我知道，有一个解决方案:将元素放在ScrollView中，但是这个解决方案在ScrollView中滚动ListView会产生很大的问题。我应该怎么做，才能让它正常工作？
布局:红色- ScrollView，绿色- ListView，蓝色- StackLayout，带Editor和Button。
这个视频是如何工作的：
解决方案#2是使用Xamarin.Forms.Plugins - KeyboardOverlap，但是这个插件在TabbedPage上的标签栏有一个问题
浏览 0提问于2018-10-31得票数 2
我在一个ListView组件中有3个ScrollView组件，如下所示：
<ScrollView>
<Header />
<ListView onEndReached={() => alert('load more 1')}/>
<ListView onEndReached={() => alert('load more 2')}/>
<ListView onEndReached={() => alert('load more 3')}/>
<
浏览 2提问于2016-08-11得票数 15
回答已采纳
我在ScrollView中有一个ScrollView来显示评论，我想做以下几点：
当用户向下滑动时，首先ScrollView应该完全向下滚动，因为列表在底部。一旦完全关闭，Listiew就应该开始滚动。
类似地，当用户滚动时，首先是ListView (这里的顺序颠倒了！)应该向上滚动，在ScrollView开始滚动之前。
到目前为止，我所做的工作如下：
listView.setOnTouchListener(new View.OnTouchListener() {
// Setting on Touch Listener for handling the touch insid
浏览 14提问于2015-09-17得票数 9
回答已采纳
当ListView滚动到中间时，我想调用一个方法。 我有ListView <ListView x:Name="myListView">
...
</ListView> 此ListView有一个订阅者 myListView.Scrolled += ScrolledListener; myListView.Scrolled侦听器： public void ScrolledListener(object sender, ScrolledEventArgs args)
{
...
var scrollView = (ListView)sender;
bool
浏览 33提问于2020-04-14得票数 0
回答已采纳
我想在DragNDrop ListView中使用ScrollView，在上使用DragNDrop ListView。但我可以滚动和触摸ScrollView，我不能拖放项目在ListView。
请帮助我拖放ListView。谢谢!
浏览 3提问于2014-08-07得票数 1
回答已采纳
1回答
将触摸事件传回父级
、、、
我在ScrollView中有一个ListView。我知道我可以在ScrollView中使用onInterceptTouchEvent方法拦截触摸事件。但是，一旦孩子，即ListView，开始使用触摸事件，onInterceptTouchEvent就不会被调用。我的问题是，一旦ListView滚动条到达顶部，我如何将触摸事件传输回父对象(即ScrollView)。我希望卷轴是连续的。
假设我正在滚动ListView，并且已经到达ListView的顶部，我希望滚动继续，这样我就可以滚动父对象，即ScrollView。我如何才能做到这一点？
浏览 1提问于2015-04-03得票数 0
3回答
使用滚动列表视图似乎真的有问题。我有一个listview适配器，我在其上准备所有数据(包括所有网络调用)，然后填充listview适配器。
滚动并不流畅，如果我在ScrollView中实现ListView，大多数情况下都不能正常工作
<ScrollView
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<ListView
android:id="@+id/rideList"
浏览 0提问于2013-03-12得票数 0
回答已采纳
我在PageView.里面使用了一个ListView
in pubspec.yaml:
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^0.1.3
page_indicator: ^0.3.0
Wigdet内部的代码：
GlobalKey _pageKey =新GlobalKey()；
PageIndicatorContainer(
key: _pageKey,
length: 2,
indicatorSpace: 5
浏览 7提问于2020-09-15得票数 0
这是render中的代码
<ScrollView showsVerticalScrollIndicator={false}>
<View style={styles.epgRow}>
/*this view sticks on left properly*/
<ListView
dataSource={this.state.dataSource}
renderRow={this.renderLogo}
style={styles.listView}
浏览 0提问于2015-12-17得票数 0
我在Scrollview内使用listview，但listview不能作为顶层父视图在scrollview内滚动
component.html
<ScrollView>
<StackLayout class="zindex">
<!--<AutoComplete [items]="ArrayVillage" (itemTap)="itemTapped($event)"> </AutoComplete>-->
<SearchBar row=
浏览 0提问于2017-03-03得票数 3
有没有办法将ListView (包含单个容器的内容)从移动设备上的一(1)列调整为在平板电脑上查看时的两(2)列？
+
第一项
+
第二项
+
第3项
+
第4项
+
+-+-+
第1项|第2项
+-+-+
第3项|第4项
+-+-+
我已经在ListView和StackLayout上更新了一些属性，但是没有任何成功。
<ScrollView orientation="vertical" class="container">
<ListView for="item in listOfItems" separatorCo
浏览 49提问于2019-02-20得票数 0
回答已采纳
出于某些我不理解的原因，我的ListView即使在滚动条的顶部也会触发，我需要将它包装在ScrollView中，因为我希望当用户在ListView中向下滚动时，我的ToolBar也会隐藏起来。
这是render()方法的内容：
<ScrollView>
<ActivityContainer>
<ListView
onEndReachedThreshold={100}
pageSize={10}
initialListSize={20}
onEndReached={() =>
浏览 2提问于2016-07-23得票数 4
我有一个自定义的listView的ArrayAdapter，它在一个水平的scrollView.The中，水平滚动工作很好，但是对于垂直滚动，我必须做一些修改。我只想知道这是不是一个好主意，因为listView已经针对垂直滚动进行了优化。有没有一种方法可以不使用这个hack进行滚动？
这个技巧基本上是为scrollView(父类)捕获touchEvent，并将touchEvent传播到ListView。
scrolLView.setOnTouchListener(new OnTouchListener(){
@Override
public boolean onTou
浏览 4提问于2011-07-21得票数 6
当您在您的ScrollView应用程序中使用ListView或ListView并输入一些新数据时，它们的默认行为是将位置保留在Scroll组件中。这意味着，如果当你在ScrollView中间的时候，20高的新数据出现了，屏幕上的项目会滑到20，有时它会从屏幕上消失。
有没有办法保持/跟踪这个位置？例如，如果进入20高度的新数据，该位置将自动调整20的位置，使屏幕上的当前项保持在屏幕上。提前谢谢。
浏览 6提问于2016-12-21得票数 6
回答已采纳
7回答
我需要在Flutter上实现一个ListView，并且我将snapshot.data.length作为参数传递给itemCount：
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(
snapshot.data[index].data["Identificacao"],...
然后我得到了一个错误：
I/flutter ( 4647):
浏览 0提问于2018-10-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
