如何在Flutter中进行高级UI设计

Question

[谁能告诉我如何使UI像这张图片一样。我对身体部位特别感兴趣。希望你理解这个问题。您的帮助将不胜感激。

Answer 1

您可以尝试：

Container(
    width: double.infinity,
    height: 100,
    child: Row(
      children: <Widget>[
        Expanded(
          flex: 1,
          child: Card(
            elevation: 15,
            child: Stack(
              children: <Widget>[
                Positioned(
                  top: 10,
                  left: 10,
                  child: Icon(Icons.cancel),
                ),
                Positioned(
                  top: 10,
                  right: 10,
                  child: Icon(Icons.print),
                ),
              ],
            ),
          ),
        ),
        Expanded(
          flex: 1,
          child: Card(
            elevation: 15,
            child: Stack(
              children: <Widget>[
                Positioned(
                  top: 10,
                  left: 10,
                  child: Icon(Icons.cancel),
                ),
                Positioned(
                  top: 10,
                  right: 10,
                  child: Icon(Icons.print),
                ),
              ],
            ),
          ),
        ),
      ],
    ),
  ),

将其放入正文中，您可以使用其他小工具（如Switcher，...）自定义图标，>