简体   繁体   中英

How can i make advanced UI design in flutter

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.

在此处输入图像描述

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,...

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM