【问题标题】:How to Draw this line in Flutter? [closed]如何在 Flutter 中画出这条线? [关闭]
【发布时间】:2021-12-02 17:20:24
【问题描述】:

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

【问题讨论】:

    标签: flutter dart flutter-layout draw


    【解决方案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】:

    很简单,使用DividerVerticalDivider

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

    【讨论】:

    • 谢谢,但没有显示垂直分隔线。
    • 显示代码你是如何尝试的
    • 再次感谢,但这不起作用我已经尝试过了。
    • 这应该可以,显示代码,也许你犯了一个错误,没有代码我帮不了你
    • 创建这张卡片
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-27
    • 1970-01-01
    • 2020-03-10
    • 1970-01-01
    • 2020-10-21
    • 2021-02-13
    • 2018-03-21
    相关资源
    最近更新 更多