Я использую SliverAppBar и SliverListView в моем проекте.
Мне нужен BorderRadius для моего SliverList, который идет внизу моего SliverAppBar.
Вот снимок экрана, что мне нужно:
А вот мой код:
Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
backgroundColor: Colors.transparent,
brightness: Brightness.dark,
actions: <Widget>[
IconButton(icon: Icon(Icons.favorite), onPressed: () {}),
IconButton(icon: Icon(Icons.share), onPressed: () {})
],
floating: false,
pinned: false,
//title: Text("Flexible space title"),
expandedHeight: getHeight(context) - MediaQuery.of(context).padding.top,
flexibleSpace: Container(
height: double.infinity,
width: double.infinity,
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.cover,
image: AssetImage("assets/images/Rectangle-image.png")
)
),
),
bottom: _bottomWidget(context),
),
SliverList(
delegate: SliverChildListDelegate(listview),
),
],
),
)
Итак, с этим кодом пользовательский интерфейс выглядит следующим образом ...
может предложить любой другой подход, который я могу использовать для достижения такого типа дизайна ...