如何解决当折叠时,FlexibleSpaceBar背景图像保持一定的不透明度
我在项目中使用SliverAppBar。我在“弹性空间”参数中设置了背景色和背景图片。但是,当应用栏折叠时,图像不会完全淡出,成为我选择的“ backgroundColor”,但是即使失去了一定程度的不透明度,我在“弹性空间”中选择的背景图像仍然在背景中可见。
这是小部件中的代码。谢谢。
import 'package:flutter/material.dart';
import './last-announcements.dart';
import './your-announcements.dart';
import './search-bar.dart';
class HomeOverview extends StatelessWidget {
@override
Widget build(BuildContext context) {
const immageUrl = 'assets/images/Logo.png';
return CustomScrollView(
slivers: <Widget>[
SliverAppBar(
backgroundColor: Theme.of(context).primaryColor,flexibleSpace: FlexibleSpaceBar(
background: Padding(
padding: const EdgeInsets.only(top: 25.0),child: Image(
image: AssetImage(immageUrl),alignment: Alignment.topCenter,),centerTitle: true,title: Container(
width: double.infinity,height: 50,color: Theme.of(context).primaryColor,margin: EdgeInsets.only(left: 10,right: 10),child: SearchBar(),)),expandedHeight: 250,SliverList(
delegate: SliverChildListDelegate([
YourAnnouncemets(),LastAnnouncements(),]))
],);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。