【问题标题】:Cannot add column inside a card below a row Flutter无法在一行 Flutter 下方的卡片内添加列
【发布时间】:2021-05-08 09:27:06
【问题描述】:

我正在实现一张卡片,其中有行,我想在卡片内的行下方添加列。我无法在卡片底部添加列。

Column buildWorkshopSection() {
    return Column(
      children: [
        Card(
          margin: EdgeInsets.symmetric(horizontal: 20.0, vertical: 5.0),
          clipBehavior: Clip.antiAlias,
          color: Colors.white,
          elevation: 5.0,
          child: Padding(
            padding:
                const EdgeInsets.symmetric(horizontal: 8.0, vertical: 22.0),
            child: Row(
              children: <Widget>[
                Expanded(
                  child: Column(
                    children: <Widget>[
                      SizedBox(
                        height: 5.0,
                      ),
                      buildStartTimeWorkshop(),
                    ],
                  ),
                ),
                Expanded(
                  child: Column(
                    children: <Widget>[
                      SizedBox(
                        height: 5.0,
                      ),
                      buildCloseTimeWorkshop(),
                    ],
                  ),
                ),
              ],
            ),
          ),
        )
      ],
    );
  }

【问题讨论】:

  • 在此处添加您的 UI 示例屏幕
  • imgur.com/4SLR8n0 我想在开始时间和结束时间下方添加保存按钮

标签: flutter card


【解决方案1】:

像这样添加提交按钮

Card(
                      margin:
                          EdgeInsets.symmetric(horizontal: 20.0, vertical: 5.0),
                      clipBehavior: Clip.antiAlias,
                      color: Colors.white,
                      elevation: 5.0,
                      child: Padding(
                        padding: const EdgeInsets.symmetric(
                            horizontal: 8.0, vertical: 22.0),
                        child: Column(
                          children: [
                            Row(
                              children: <Widget>[
                                Expanded(
                                  child: Column(
                                    children: <Widget>[
                                      SizedBox(
                                        height: 5.0,
                                      ),
                                      buildStartTimeWorkshop(),
                                    ],
                                  ),
                                ),
                                Expanded(
                                  child: Column(
                                    children: <Widget>[
                                      SizedBox(
                                        height: 5.0,
                                      ),
                                      buildCloseTimeWorkshop(),
                                    ],
                                  ),
                                ),
                              ],
                            ),
                            SizedBox(
                              height: 20,
                            ),
                            RaisedButton(
                              onPressed: () {},
                              child: Text("Submit"),
                            )
                          ],
                        ),
                      ),
                    ),

看起来像这样

【讨论】:

  • 它显示错误,已经尝试但不起作用
  • 只需要在行下方添加一列
  • 但这对我有用,你遇到了什么问题,ibb.co/RCRx7yV
  • 它不允许我在卡片内添加任何东西
  • @Ali 为什么使用 Column 来显示开始、结束时间,因为您分享的设计图片中只有 1 行?顺便说一句,你能在这里分享错误吗?
猜你喜欢
  • 1970-01-01
  • 2020-10-22
  • 2022-06-18
  • 2022-01-24
  • 2020-12-18
  • 2021-11-28
  • 2020-07-25
  • 1970-01-01
  • 2018-03-07
相关资源
最近更新 更多