草庐IT

listview - Flutter ListView 里面的卡片

coder 2023-07-22 原文

我想要一个有 3 张卡片的屏幕。 一张卡是 CotrolWidget(固定高度的顶部)，第二张是 MeasurementsList(在 Top 下面，应该垂直填充)，第三张是 ChartWidget(在 Top 下面，在 MeasurementsList 的右边，应该垂直填充)。

return Scaffold(
  appBar: AppBar(title: new Text('Measurements')),
  body: new Container(
      padding: EdgeInsets.all(8.0),
      decoration: BoxDecoration(color: Colors.black12),
      child: Column(
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
          Row(children: [ControlsWidget(device)]),
          Row(
            children: <Widget>[
              MeasurementList(device)
              ,
              ChartWidget(device)
            ],
          )
        ],
      )),
);

在测量卡中，我想要一个 ListView。但是当我使用 Expaded 时，ListView 会扩展屏幕并且列表不可滚动

Widget build(BuildContext context) {
return Expanded(
  flex: 1,
  child: Card(
    elevation: 4.0,
    child: ListView.builder(
      scrollDirection: Axis.horizontal,
      itemBuilder: (context, index) {
        return ListTile(title: Text(measurements[index]));
      },
      itemCount: measurements.length,
      shrinkWrap: true,
    ),
  ),
);

那么，如何创建一个里面有ListView的Card呢？

最佳答案

尝试使用 MediaQuery 获取高度。

MediaQueryData 查询数据； queryData = MediaQuery.of(context);

然后在高度上使用

高度:queryData.size.height - height_of_ControlsWidget

关于listview - Flutter ListView 里面的卡片，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52836229/

listviewsectioncodeflutter

有关listview - Flutter ListView 里面的卡片的更多相关文章

  1. arrays - 如何在下面的示例中将两个值数组分组为 n 个值数组？ - 2

    我已经有很多两个值数组，例如下面的例子ary=[[1,2],[2,3],[1,3],[4,5],[5,6],[4,7],[7,8],[4,8]]我想把它们分组到[1,2,3],[4,5],[5,6],[4,7,8]因为意思是1和2有关系，2和3有关系，1和3有关系，所以1,2,3都有关系我如何通过ruby​​库或任何算法来做到这一点？ 最佳答案 这是基本Bron–Kerboschalgorithm的Ruby实现:classGraphdefinitialize(edges)@edges=edgesenddeffind_maximum_

  2. ruby-on-rails - % 在下面的代码中做了什么？ - 2

    我正在阅读“Rails3Way”，在第39页，它显示了匹配:to=>重定向方法的代码示例。在该方法中存在以下代码。虽然我知道模对数字有什么作用，但我不确定下面的%是做什么的，因为路径和参数显然都不是数字。如果有人能帮助我理解%在这种情况下的用法，我将不胜感激。proc{|params|path%params} 最佳答案 这可能是String#%与其他语言中的sprintf非常相似的方法:'%05d'%10#=>"00010"它可以接受单个参数或数组:'%.3f%s'%[10.341412,'samples']#=>"10.341sa

  3. ruby - 以编程方式在 Ruby 中获取桌面的屏幕截图？ - 2

    我问了这个关于takingapictureofawebpageprogrammatically的问题，我已经下载并获得了webkit2png工作(为博客等HTML页面拍照)。太酷了，谢谢你给我看!现在我想开始做更多的事情，比如能够在加载Flash网站和我的桌面后拍照。是否可以使用webkit2png为Flash网站拍照(考虑到您可能需要等待几秒钟才能加载)？但主要问题是，如何以编程方式为桌面拍照？这将使我能够更好地控制正在发生的事情。 最佳答案 您可以使用xwd(1)获取根窗口的屏幕截图:xwd-display:0-root|xwd

  4. ruby - ruby 中类似界面的设计模式 - 2

    我正在寻求有关设计模式的帮助。我非常习惯java中的接口(interface)，我不知道如何在ruby中获得类似的机制。它需要的是一种具有方法的接口(interface)，例如联系人。为了获得联系人，我需要调用api，这可能是google、linkedid或任何网络服务。所以我想使用一个为我提供联系人方法的界面，我不想知道任何关于提供商的信息。我的第一次尝试看起来像这样(伪代码):ModuleAbstractContactdefcontacts#dosomestuffwith@data@dataendendclassImplincludeAbstractContactdefbuild_

  5. ruby - 为什么飞船操作符里面只有一个等号？ - 2

    为什么飞船运算符(operator)是选择有一个等号而不是两个？这是否与一个等号通常表示赋值，两个等号表示比较不一致？ 最佳答案 为什么会有两个？中只有一个,>=和!=.这一点都不矛盾。只有==不一致，这是为了避免与赋值运算符发生冲突。 关于ruby-为什么飞船操作符里面只有一个等号？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/5508338/

  6. 华为OD机试 - 卡片组成的最大数字（C 语言解题）【独家】 - 2

    最近更新的博客华为od2023|什么是华为od，od薪资待遇，od机试题清单华为OD机试真题大全，用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南）华为od机试，独家整理已参加机试人员的实战技巧文章目录使用说明本期题目：卡片组成的最大数字题目输入输出描述示例一输入输出示例二输入输出Code

  7. ruby-on-rails - 在 Rails 3 中突出显示当前页面的最佳方式？ -- 有条件地将 css 类应用于链接 - 2

    对于下面的代码:如何使用current_page?辅助方法应用css类current？或者是否有其他更好的方法？ 最佳答案 在app/helpers/application_helper.rb中defcp(path)"current"ifcurrent_page?(path)end在您看来:基本上围绕它编写一个简单的包装器。此外，您可以扩展该方法以允许通过添加参数来应用其他类。保持View简洁/干燥。或者，在不扩展该方法的情况下，您可以像这样进行简单的字符串插值以添加其他类: 关于rub

  8. ruby - 我如何在类里面使用 Enumerable mixin？ - 2

    我有一个名为Note的类，其中包含一个名为time_spent的实例变量。我希望能够做这样的事情:current_user.notes.inject{|total_time_spent,note|total_time_spent+note.time_spent}这可能通过混入Enumerablemodule来实现吗？？我知道您应该将includeEnumerable添加到类中，然后定义一个each方法，但是each方法应该是类方法还是实例方法？each方法中的内容是什么？我正在使用Ruby1.9.2 最佳答案 这很简单，只需包含En

  9. 开发者工具network里请求pending状态耗时长是为什么？（项目部分页面的请求） - 2

    前言：本文主要是提问，后文有一个解决办法，但仅供参考目录问题排查过程解决办法（仅供参考）提问：问题        在开发一个数字化大屏项目的时候遇到问题：某个大屏接口请求10多秒才能拿到响应数据，其他大屏页面接口响应很快。排查过程    发现主要是接口status状态为pending的时间很长（如下图）        进一步发现是”排队等待“时间长（如下图），网上搜索了以上pending状态和和排队时间的解释，也不是很明白。queueing优化_从Timing看HTTP请求的优化方向_weixin_39933082的博客-CSDN博客1,背景在Chrome开发者工具中，有一个Timing菜单，

  10. ruby - 在 Ruby 中，你是把圆括号留在里面还是外面？ - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题？更新问题，以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion在可能的情况下..在Ruby中你是把圆括号留在里面还是外面？

随机推荐