如何解决颤动 - 对齐底部没有到达底部
这是我的应用程序的主页,在这里我使用列来显示页面的内容:包含当天动漫和故事滚动容器的容器。
默认情况下,一切正常,但是,当我滚动故事(ListView)时,出现裂缝(见附件),因此渐变没有到达终点。有什么问题?
截图:
代码片段:
Column(
crossAxisAlignment: CrossAxisAlignment.start,children: [
Container(
height: 510,width: double.infinity,child: Stack(fit: StackFit.expand,children: [
Positioned.fill(
child: Container(
decoration: Boxdecoration(
image: decorationImage(
image: NetworkImage(
'https://img5.goodfon.ru/wallpaper/nbig/3/59/shingeki-no-kyojin-ataka-titanov-parni-eren-levi.jpg'),fit: BoxFit.cover)),)),Align(
alignment: Alignment.bottomCenter,child: Container(
width: double.infinity,height: 510,decoration: Boxdecoration(
gradient: LinearGradient(
colors: [
Color(0x15161a),Color(0x2d15161a),Color(0xff18191e)
],begin: Alignment.topCenter,end: Alignment.bottomCenter)),child: Padding(
padding: const EdgeInsets.all(15.0),child: Column(
mainAxisAlignment: MainAxisAlignment.end,crossAxisAlignment: CrossAxisAlignment.center,children: [
Text('Вторжение титанов',textAlign: TextAlign.center,style: TextStyle(
color: Colors.white,fontWeight: FontWeight.w700,fontSize: 40,SizedBox(height: 5),Text(
'Attack of titans',style: TextStyle(
color: Colors.white,fontWeight: FontWeight.w600,fontSize: 20,),SizedBox(height: 80),Row(
children: [
Text(
'приключения',style: TextStyle(
color: Colors.white,fontSize: 14,SizedBox(
width: 16,Text(
'2021',Text(
'18+',],SizedBox(
height: 10,)
]))))
])),SizedBox(
height: 15,Container(
height: 100,child: ListView(
physics: BouncingScrollPhysics(),scrollDirection: Axis.horizontal,children: [
Row(
children: [
SizedBox(
width: 11,Column(
children: [
CircleAvatar(
radius: 37,backgroundColor: Color(0xffdddddd),child: CircleAvatar(
radius: 36,backgroundColor: Color(0xff1e1f23),child: CircleAvatar(
radius: 34,backgroundImage: NetworkImage(
'https://picsum.photos/200/300'),SizedBox(
height: 9,Text(
'Новое',style: TextStyle(
color: Colors.white,fontSize: 11,SizedBox(
width: 9,)
]),SizedBox(
height: 37,Padding(
padding: EdgeInsets.fromLTRB(11,11),child: Column(
children: [
Text(
'Новинки',style: TextStyle(
color: Colors.white,fontSize: 30,)
解决方法
将 margin: EdgeInsets.only(bottom:1)
添加到 Container()
内的 Positioned.fill()
解决了问题。
@ChiragBargoojar 的解决方案
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。