草庐IT

listview - flutter : How to remove space between row in Listview

coder 2023-07-22 原文

我只是在做一些 flutter 的演示，我喜欢这样做，在 ListView 中，我找不到如何删除行之间的空格

我的代码很简单，这个是我返回布局的Widget

Widget _getWidget(BuildContext context) {
return new Material(
    child: new Container(
      padding: EdgeInsets.only(top: 20.0),
      color: Colors.blueGrey[500],
      child: new Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          _getHeader(context),
          new Expanded(child: getListView())
        ],
      ),
    ),
);

这个是Listview

 ListView getListView() =>
      new ListView.builder(
          itemCount: widgets.length,
          itemBuilder: (BuildContext context, int position) {
            return getRow(position);
          });

这是我使用卡片 View 的行

 Widget getRow(int i) {
    return new Padding(padding: new EdgeInsets.all(10.0),
        child: new Card(
          child: new Column(
            children: <Widget>[
              new ListTile(
                title: new Text(
                    "Name : ${widgets[i].username}"
                ),
                subtitle: new Text(
                    "Decription : You may go now!!"
                ),
              ),
              new ButtonTheme.bar(
                child: new ButtonBar(
                  children: <Widget>[
                    new FlatButton(
                      child: const Text('Accept'),
                      onPressed: () { /* ... */ },
                    ),
                    new FlatButton(
                      child: const Text('Reject'),
                      onPressed: () { /* ... */ },
                    ),
                  ],
                ),
              ),
            ],
          ),
        )
    );
  }

帮帮我。

最佳答案

卡片之间的空格来自 getRow() 方法。

只需更新您的

new Padding(padding: new EdgeInsets.all(10.0),

到

new Padding(padding: new EdgeInsets.all(1.0),

并查看变化。

如果不想中间有空格，可以直接return Card();

关于listview - flutter : How to remove space between row in Listview，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50056809/

listviewnewsectioncodedartflutterflutter-layout

有关listview - flutter : How to remove space between row in Listview的更多相关文章

  1. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  2. javascript - 如何在 ListView React-native 中过滤数据？ - 2

    我正在尝试过滤我的数组对象列表，然后尝试使用新数据源在ListView中显示。但是，该列表未被过滤。我知道我的过滤器功能正常工作。(我在console.log里查过了)我正在使用Redux将我的状态映射到prop。然后尝试过滤Prop。这是错误的方法吗？这是我的代码:/*globalfetch:false*/import_from'lodash';importReact,{Component}from'react';import{ListView,TextasNText}from'react-native';import{connect}from'react-redux';import

  3. javascript - react native ListView onEndReached 多次调用 - 2

    我在使用ReactNative中的ListViewonEndReached组件时遇到了一些问题。渲染代码:@autobind_fetchMoreHistory(){console.log("Fetchmorehistorycalled");}我打开屏幕的那一刻_fetchMoreHistory被调用了两次并且在到达onEndReached之后正常工作。有人可以帮助调试吗？ 最佳答案 我遇到了同样的问题并进行了很多搜索但没有找到任何答案，所以我使用了一个条件来检查第一个请求是否得到了我再次触发的数据，否则我没有例子//onEndRea

  4. javascript - win-listview的高度是怎么设置的？ - WinJS - 2

    这让我难以自拔。我不知道如何使ListView的高度自动。即扩展ListView的高度以占据它需要的所有空间，并让外部容器提供溢出滚动功能。不幸的是，我似乎找不到任何关于此的文档。帮助会很大。谢谢! 最佳答案 默认情况下，ListView控件的高度为400像素。那是在ui-light.css文件的第1421行。您可以通过在页面上添加规则来覆盖它，例如:.win-listview{高度:100%；/*(或者你可以用'600px'之类的绝对指定)*/关于thispage在开发中心它说...SettingtheListViewcontro

  5. javascript - react native : ListView not displaying all rows - 2

    我试图在ReactNativeListView中显示行列表，但它只显示适合单个屏幕的条目，即我无法向下滚动以查看更多行。样式如下:styles=StyleSheet.create({container:{flex:1,marginTop:60},rowContainer:{flexDirection:'row',justifyContent:'space-around'}})ListView:return({this.getHeader()})行:return({text})我做错了什么？ 最佳答案 我有同样的问题，发现外面有包装V

  6. javascript - 如何在 React-Native 中选择 ListView 的一项？ - 2

    我是React-Native的新手。我想使用ListView选择一项。当我第一次按下item时，调用了ListView的renderRow()，但是终究还是不行!这个bug怎么解决？我的问题在哪里？我在here写了一个demo 最佳答案 我最初设置了空数据源，然后将其设置为使用componentDidMount中的数据变量进行克隆。然后，在onPressRow方法中，我对数据状态变量的副本进行了必要的更改，然后通过setState方法将其设置回数据。不确定您的问题是什么，但现在可以使用了。importReact,{Component

  7. javascript - 如何在 QML 中访问 ListView 的 ListModel 的 ListElement 的映射委托(delegate)数据？ - 2

    本质上，我有一个普通的ListView:Rectangle{id:mylistListModel{id:mylistModelListElement{text:"blah1"}ListElement{text:"blah2"}ListElement{text:"blah3"}}Component{id:mylistDelegateText{id:mylistDelegateTexttext:textpropertyboolmylistDelegateTextEnabled:false}}ListView{id:mylistViewmodel:mylistModeldelegate:my

  8. javascript - AsyncFileUpload Inside Listview Insert、Edit Itemtemplate 和 EmptyData Template 将不起作用 - 2

    AsyncFileUpload在ListviewInsert、EditItemtemplate和EmptyDataTemplate中不起作用。以上是我的客户端函数functionAttachmentUploadSuccessful(){debugger;vartextError=$(".AttachmentError").text();if(textError.length>0){vartext=$(".AttachmentError");text.innerText=text.textContent=textError;sender._onError(textError);//itw

  9. flutter 中最详细的继承，多态，接口讲解 - 2

    flutter中最详细的继承，多态，接口讲解前言一、继承（Extends）二、混合mixins（with）2.1、最简单的mixin2.2、on关键字，基于某个类型的mixin2.3、多个mixin2.4、mixin怎么实现多继承三、接口的实现（implement）总结前言众所周知，dart是一门单继承的语言，但是我们在日常开发中，会遇到各种各样的问题，比如，我们需要在dart中实现多继承，那么改怎么办呢？本篇文章，我将和大家聊聊关于dart中的继承，接口，混合的相关知识。类型解决什么问题使用场景限制extends子类继承子类继承父类只能继承一个父类，会继承父类的可见的属性和方法，不能继承构造

  10. javascript - 由 Javascript 填充的 QML ListView - 2

    我刚刚意识到(根据一些QML错误报告)缺少ListView的JSON委托(delegate)。所以我有两个选择，用Javascript或C++创建的模型填充它特别是我需要从预定义的URL下载.json数据并将它们解析到ListView。我尝试在Javascript中创建对象数组并将关联数组作为模型推送到ListView，但失败了。不管我怎么修改代码。那么只有C++解决方案还是我可以通过Javascript制作ListView模型？谢谢我试过的代码:return[{"name":"value"}]return{"name":"value"}return[["name","value"]]

随机推荐