如何使用 wrap 小部件在下一行设置分隔符?

Posted

技术标签:

【中文标题】如何使用 wrap 小部件在下一行设置分隔符?【英文标题】:how set a divider in evey next line with wrap widget? 【发布时间】:2021-02-23 12:28:35 【问题描述】:

我想在 wrap 小部件的每一行中添加一条线或分隔线,当我使用 wrap 时,我的项目在下一行,但我不能在下一行之前显示分隔线。 我想创建如下图所示的包装项目: https://cdn.discordapp.com/attachments/770204703321489408/776052658556764160/Screenshot_20201111-152557_Duolingo.jpg

【问题讨论】:

【参考方案1】:
Container(
   height: 1,
   child: Container(color: Colors.grey),
)

【讨论】:

嗨,阿什。虽然此代码可能会回答问题,但提供有关此代码为何和/或如何回答问题的额外上下文可提高其长期价值。 How to Answer。亲切的问候。 嗨。这段代码没用,因为我想在动态包装小部件中使用分隔线,我想在包装小部件或柔性行中的每一行添加分隔线,但自动。

以上是关于如何使用 wrap 小部件在下一行设置分隔符?的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 使用换行对齐两个文本小部件

如何在布局中随机放置小部件

如何在 Flutter 中的小部件下设置所有 Text 小部件的颜色?

如何使 SingleChildScrollView 中的 Wrap 小部件子级在 Flutter 中扩展到全高?

如何将位于同一行的 Kivy 小部件移得更远?

如何在视图之间的主页小部件中创建简单的分隔符/分隔符