我如何在 flutter 中进行高级 UI 设计

Question

Can anyone tell me how I can make UI like this image. I am especially interested in body parts. hope you understand the question. your help will be very appreciated.

Answer 1

You can try this:

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),
                ),
              ],
            ),
          ),
        ),
      ],
    ),
  ),

Put it into body and you can customize the Icon with other widget like Switcher,...