Когда SliverAppbar развернут, я хочу, чтобы FlexibleSpaceBar должен был иметь собственную форму. У меня есть контейнер в корпусе лесов с topLeft и topRight borderRadius. Но угловой фон не выглядит с изображением, которое содержит FlexibleSpaceBar.
Scaffold(
body: NestedScrollView(
controller: _scrollController,
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
SliverAppBar(
expandedHeight: kExpandedHeight,
floating: true,
pinned: true,
backgroundColor: white,
leading: InkWell(
onTap: (){
Navigator.of(context).pop();
},
child: Icon(Icons.arrow_back_ios, color: black)
),
title: Text(
_showTitle ? widget.blogDetails.category : "",
//widget.blogDetails.category,
style: TextStyle(
color: Colors.deepOrange.withOpacity(0.8),
fontSize: 20.0,
fontWeight: FontWeight.bold
)),
flexibleSpace: FlexibleSpaceBar(
background: CachedNetworkImage(
imageUrl: widget.blogDetails.coverPhoto,
)),
),
];
},
body: Container(
padding: EdgeInsets.only(
left: 20.0, right: 20.0, top: 20.0
),
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topRight: Radius.circular(20.0),
topLeft: Radius.circular(20.0)
)
),
child: Text("Sample Text"),
),
),
)
Вот мой код. Пожалуйста, помогите мне в этом интерфейсе. Вот скриншот
![enter image description here](https://i.stack.imgur.com/0uC7W.jpg)