如何在 Flutter 中画出这条线？ [关闭]

Posted 2023-05-07

【中文标题】如何在 Flutter 中画出这条线？ [关闭]

【英文标题】：How to Draw this line in Flutter? [closed]

【发布时间】：2021-12-02 17:20:24

【问题描述】：

如何在 Flutter 中画出这条线？你有什么建议吗？

【参考方案1】：

试试下面的代码希望对你有帮助。

   Card(
            child: Column(
              children: [
                Container(
                  height: 200,
                  child: Center(
                    child: Text(
                      'Your other Widget',
                    ),
                  ),
                ),
                Container(
                  color: Colors.black,
                  height: 1,
                  width: double.infinity,
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceAround,
                  children: [
                    Text(
                      'Your Widget',
                    ),
                    Container(
                      color: Colors.black,
                      height: 50,
                      width: 1,
                    ),
                    Text(
                      'Your Widget',
                    ),
                  ],
                ),
              ],
            ),
          ),

您的结果屏幕->

【讨论】：

非常感谢先生。伟大的。

欢迎 用颤振享受你的旅程

【参考方案2】：

很简单，使用Divider和VerticalDivider

Column(children: [
  Divider(),
  Row(
      children: [
        Widget()...,
        VerticalDivider(),
        Widget()...
      ]
    )
])

【讨论】：

谢谢，但没有显示垂直分隔线。

显示代码你是如何尝试的

再次感谢，但这不起作用我已经尝试过了。

这应该可以，显示代码，也许你犯了一个错误，没有代码我帮不了你

创建这张卡片