如何垂直缩短边框

时间:2019-06-12 18:28:25

标签: flutter

我正在尝试垂直缩短边框,我已经尝试了很多方法,但是其中的一些方法都无效,所以我想知道如何制作。 我想得到这样的结果:

enter image description here

我的镜头是:

enter image description here

代码:

DecoratedBox(
vdecoration: new BoxDecoration(
   border: Border(left: BorderSide(color: 
  Theme.ColorsDari.colorGrey, width: 1.0,)),
    ),
    child: IconButton(
      icon: Icon(
        Icons.notifications,
        color: Theme.ColorsDari.colorGrey,
        size: 19,
      ),
      onPressed: () {
        print("your menu action here");
      },
   ),
  )

1 个答案:

答案 0 :(得分:1)

尝试类似这样的内容:

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(backgroundColor: Colors.orange),
      body: ListTile(
        trailing: Row(
          mainAxisSize: MainAxisSize.min,
          children: <Widget>[
            Container(
              width: 1,
              height: 24,
              color: Colors.grey,
            ),
            SizedBox(width: 10),
            Icon(
              Icons.notifications,
              color: Colors.grey,
              size: 19,
            )
          ],
        ),
      ),
    );
  }