如何刪除 flutter Row 小部件中圖像之間的線？

Question

如何刪除 flutter Row 小部件中圖像之間的白線？ 我需要在屏幕上放置四張圖片，我將圖片塗成紅色以查看邊緣。

class MainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
      children: [
        Expanded(
            child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Expanded(
              child: Image.asset(
                'assets/images/profile.png',
                fit: BoxFit.cover,
                color: Colors.red,
              ),
            ),
            Expanded(
              child: Image.asset(
                'assets/images/services.png',
                fit: BoxFit.cover,
                color: Colors.red,
              ),
            )
          ],
        )),
        Expanded(
            child: Row(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Expanded(
              child: Image.asset(
                'assets/images/content.png',
                fit: BoxFit.cover,
                color: Colors.red,
              ),
            ),
            Expanded(
              child: Image.asset(
                'assets/images/menu.png',
                fit: BoxFit.cover,
                color: Colors.red,
              ),
            ),
          ],
        ))
      ],
    ));
  }
}

設備 iPhone 8 plus ios 16 如果您需要更多詳細信息，請告訴我

Answer 1

嘗試給它一個固定的寬度，比如用SizeBox()包裹它，如下例

SizedBox(
  height: double.infinity,
  width: MediaQuery.of(context).size.width / 2,
  child: Image.asset('assets/images/profile.png'),
  fit: BoxFit.cover,
  color: Colors.red,
)

如果你只是想給背景一個顏色，為什么你只是把它做成這樣

Scaffold(
     backgroundColor: Colors.red,
     ...)

要么

Container(
   color: Colors.red
   ...
)