扩展卡在颤动。孩子们满溢

Posted

技术标签:

【中文标题】扩展卡在颤动。孩子们满溢【英文标题】:Expansion Card in flutter. Children overflowing 【发布时间】:2021-03-11 04:53:25 【问题描述】:

我尝试将扩展卡的 Cloum 子代装入他扩展的容器中。它总是溢出他的卡片。

我尝试了一些方法,例如将容器放入 FittedBox 中,但没有任何效果。所以我的目标是让列总是适合卡片的展开部分,或者如果列中有很多孩子,卡片会展开得更多。有朋友能告诉我这个魔术吗?非常感谢 ! enter image description here

ExpansionCard(
                leading: CircleAvatar(
                  child: Text('1000'),
                  backgroundColor: Colors.black,
                ),
                borderRadius: 20,
                background: Image.asset(
                  "assets/images/unnamed.jpg",
                  fit: BoxFit.cover,
                ),
                title: Container(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Text("Freefly Sprung mit Carlo ",
                          style: jumpCardHeaderStyle),
                      Text(
                        DateFormat.yMMMd().format(DateTime.now()),
                        style: jumpCardDateStyle,
                      ),
                    ],
                  ),
                ),
                children: <Widget>[
                  FittedBox(
                    child: Container(
                      margin: EdgeInsets.symmetric(horizontal: 7),
                      child: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Column(
                          mainAxisAlignment: MainAxisAlignment.spaceAround,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text("Exit Alt. : 4000m", style: kJumpTextStyle),
                            Divider(),
                            Text("Dpl. Alt. 1000m", style: kJumpTextStyle),
                            Divider(),
                            Text("Time FF 42sec", style: kJumpTextStyle),
                            Text("AVG.Speed T 127MPH", style: kJumpTextStyle),
                            Text("AVG.Speed T 127MPH", style: kJumpTextStyle),
                          ],
                        ),
                      ),
                    ),
                  )
                ],
              ),

【问题讨论】:

展示你想要实现的设计 【参考方案1】:

您小时候是否尝试过使用带有 Wrap 对象的卡片?这应该可以让你包含你需要的一切

Card(
 child: Wrap(
    children: []
))

【讨论】:

感谢您的提示。不幸的是,卡的背景仍然溢出。我现在需要知道如何在他的孩子的内容更大时告诉扩展卡更多地扩展。

以上是关于扩展卡在颤动。孩子们满溢的主要内容,如果未能解决你的问题,请参考以下文章

每次当前选项卡在 TabBar 颤动中更改时,如何将新页面添加到导航器堆栈?

芹菜预取任务卡在其他任务后面

介绍 Scratch 3.0:扩展编码创造力

介绍 Scratch 3.0:扩展编码创造力

Service Fabric 群集卡在状态 = 正在部署

listView 颤动中未定义子项和填充