随时间变化的颤振设计

异种92

我正在尝试绘制这张图,但是我很挣扎。

我不明白如何使白色信息动态化。也就是说,它会自动适应其包含的元素的高度大小。

目前,我不得不指定一个定义的高度(此处为200),我希望尺寸是自动的。此外,如果我没有给出定义的尺寸,则左侧的灰线会消失。

该设计 :

在此处输入图片说明

ListTile(
  title : Column(
    children: [
      Container(
        width: double.infinity,
        child: Row(
          children: [
            Container(
              width: 50,
              alignment: Alignment.center,
              child: Container(
                width: 20,
                height: 20,
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(40),
                    border: Border.all(
                        width: 5,
                        color: Colors.blue,
                        style: BorderStyle.solid
                    )
                ),
              ),
            ),
            Text('9:00 am - 9:15 am')
          ],
        )
      ),
      Container(
        child: IntrinsicHeight(
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              Container(
                width : 50,
                alignment: Alignment.center,
                child: IntrinsicHeight(
                  child: Row(
                    crossAxisAlignment: CrossAxisAlignment.stretch,
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Container(
                        color: Colors.grey,
                        width: 3,
                        height : 200 // if I remove the size it desappear
                      ),
                    ],
                  ),
                ),
              ),
              Expanded(
                child: Container(
                  margin: EdgeInsets.symmetric(vertical :10),
                  padding: EdgeInsets.symmetric(vertical: 20, horizontal: 10),
                  color: Colors.white,
                  child: Column(
                    children: [
                      Text('Titre'),
                      Text('Info 1'),
                      Text('Info 2')
                    ],
                  ),
                ),
              )
            ],
          ),
        ),
      )
    ],
  ),
),
穆库尔

您可以尝试将此程序包用于时间表 https://pub.dev/packages/timeline_tile

该软件包还可以自动调整窗口小部件的高度和宽度。

为了下次自动调整窗口小部件的大小,您可以Expanded在代码的大多数位置使用窗口小部件。

注:一个扩展插件必须是一个的后代RowColumn或者Flex,所以用它小心。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

人口随时间变化

来自分类Dev

绘制随时间变化的风速和风向

来自分类Dev

Elm-生成随时间变化的随机数列表

来自分类Dev

随时间变化/绝对数字

来自分类Dev

Python中随时间变化的带通滤波器

来自分类Dev

好奇CKAsset的fileUrl是否会随时间变化?

来自分类Dev

Elasticsearch-如何查询特定字段随时间变化的结果

来自分类Dev

SAS计算值随时间变化的次数

来自分类Dev

带有Jupyter的Python Matplotlib上随时间变化的图

来自分类Dev

ggplot2:使用箭头显示随时间变化的值

来自分类Dev

颤振医生使颤振升级抱怨本地变化

来自分类Dev

如何使svg颜色随时间变化

来自分类Dev

如何比较颤振中的时间?

来自分类Dev

如何绘制随时间变化的图?

来自分类Dev

颤振底片变化宽度

来自分类Dev

绘制随时间变化的频率分布(堆叠)

来自分类Dev

如何合并随时间变化的变量[R]

来自分类Dev

随时间变化的颤振设计

来自分类Dev

识别R中随时间变化的变量

来自分类Dev

颤振加载设计

来自分类Dev

如何设计一个对象状态随时间变化的类?

来自分类Dev

Java输出值随时间的变化

来自分类Dev

Gmaps.js随时间变化的路线

来自分类Dev

如何产生随时间变化的频率波?

来自分类Dev

DBpedia结果随时间变化

来自分类Dev

如何识别未随时间变化的条目?

来自分类Dev

Div随时间变化的随机值

来自分类Dev

随时间变化的数组

来自分类Dev

跟踪员工随时间变化的合适表格?