Я написал интерфейс NestedScrollView в примере документа Flutter, но когда я смотрю на ListView как на тело, я обнаруживаю странный разрыв между ListView и SliverAppBar. Что я могу сделать, чтобы удалить этот пробел
class Test extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: NestedScrollView(
headerSliverBuilder: (context, boxIsScrolled) {
return [
SliverAppBar(
pinned: true,
expandedHeight: 100,
flexibleSpace: FlexibleSpaceBar(
collapseMode: CollapseMode.pin,
background: Container(
color: Colors.red,
),
),
),
];
},
body: ListView.builder(
itemBuilder: (BuildContext context, int index) {
return Container(
child: Text(
"$index",
),
color: Colors.green,
);
},
),
),
);
}
}
@ShubhamNarkhede Да, есть ли способ решить эту проблему?
Да, пожалуйста, проверьте мой ответ. Я надеюсь, что это сработает для вас. @crazecoder
Вы можете обернуть Listview
MediaQuery
. Существует один метод удаления ненужного пространства. Вы можете проверить код ниже.
MediaQuery.removePadding(
removeTop: true,
context: context,
child: ListView.builder(
itemBuilder: (BuildContext context, int index) {
return Container(
child: Text(
"$index",
),
color: Colors.green,
);
},
),
)
Зазор белого цвета?