我使用 ListView.separated 來重現 Twitter 的主頁，并使用 Divider 作為分隔符。我的物品是白色的容器，這很奇怪，因為我們在 Divider 周圍看到了一種陰影，或者就像它的盒子一樣。你有遇到過這種情況嗎？
這里是分隔符：
class Home extends StatelessWidget {
const Home({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body:
SafeArea(
child:
ListView.separated(
itemCount: 3,
itemBuilder: (context, index) {
return PlaceCard(place: place1);
},
separatorBuilder: (context, index) {
return Divider(thickness: 0);
},
)
)
);
}
}
class PlaceCard extends StatelessWidget {
final Place place;
const PlaceCard({Key? key, required this.place}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
height: 400,
);
}
}
uj5u.com熱心網友回復：
你看到的原因是你Divider和Scaffold背景顏色的高度。如果您將Scaffold's背景顏色設定為白色或使用Divider高度引數，它將消失。像這樣：
Scaffold(
backgroundColor: Colors.white, // <--- add this
body: SafeArea(
...
)
)
或代替設定thickness為：0height0
Divider(height: 0);
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/517368.html
標籤：扑颤振布局