我如何在不上新课的情况下使像这样的行显示？

Question

我正在尝试制作一个新应用，我想显示一行like this

我不理解它背后的概念，比如他如何将盒子分为两种颜色，盒子的形状看起来如何。任何可以教我的人，我都会予以应用。

Answer 1

如果您只是从Flutter开始，这并不是要创建的简单UI布局。

简单地说，您必须具有一个Row，其中包含您自己创建为无状态小部件的小部件的副本。小部件树看起来像这样。

Row
  CustomWidget
  CustomWidget
  ...

CustomWidget是复杂的部分，这是此小部件的小部件树外观的简化示例。创建一个无状态的小部件，然后尝试自己创建。

Card
  Column
    Container
      Row
        Icon
        Text
    Container
      Align
        Text

请注意，您将必须设置Card和Container小部件的color属性，并在小部件树的某些位置添加填充。另外，最后一个容器也将需要width属性。

如果您需要更多帮助-展示您尝试使用代码的内容（编辑问题）

希望这会有所帮助！