Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Remove extra space between two IconButton in ROw

I want to remove some extra space between two IconButton in Row widget I tried much more but still not able to remove space between widgets

Column(
  children: <Widget>[
    Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        Text("Home",
          style: TextStyle(
            fontWeight: FontWeight.bold,
            fontSize: 15,
            color: Colors.black
          )
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            IconButton(
              icon: Icon(
                Icons.edit,
                color: Colors.black,
                size: 20,
              ),
              onPressed: () {
                IntelUtility.navigateToScreen(
                  context, EditHomeAddressScreen()
                );
              },
            ),
            IconButton(
              icon: Icon(
                Icons.delete,
                color: Colors.black,
                size: 20,
              ),
              onPressed: () {},
            ),
          ],
        ),
      ],
    ),
  ],
),

Please help to solving this issue i am in trouble :(

pic

like image 641
A R Avatar asked Apr 19 '26 10:04

A R


1 Answers

Instead of using IconButton, you can use CupertinoButton like this :

CupertinoButton(
  minSize: double.minPositive,
  padding: EdgeInsets.zero,
  child: Icon(
    Icons.delete,
    color: Color.black,
    size: 20
  ),
  onPressed: () {},
)
like image 79
NqbraL Avatar answered Apr 21 '26 23:04

NqbraL



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!