【问题标题】: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),
                          ],
                        ),
                      ),
                    ),
                  )
                ],
              ),

【问题讨论】:

  • 展示你想要实现的设计

标签: flutter flutter-layout


【解决方案1】:

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

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

【讨论】:

  • 感谢您的提示。不幸的是,卡的背景仍然溢出。我现在需要知道如何在他的孩子的内容更大时告诉扩展卡更多地扩展。
猜你喜欢
  • 2019-04-17
  • 2016-03-17
  • 1970-01-01
  • 2020-08-11
  • 2021-04-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-25
相关资源
最近更新 更多