如何解决在颤动中添加到 AppBar 时,部分图像未显示
当我尝试将图像添加到 Flutter 中的 Appbar 时,如下所示:
appBar: PreferredSize(
preferredSize: Size.fromHeight(100.0),child: AppBar(
centerTitle: true,title: Image.asset('images/Ataxx.jpg'),),)
我得到以下输出:
如您所见,顶部缺少部分图像!如何纠正这个?谢谢。
解决方法
正如@rgisi 建议的那样,您实际上不需要使用 PreferredSize()
,您只需要在标题中传递您的图片。
appBar: AppBar(
titleSpacing: 0,elevation: 0,title: Image.network(
'https://images-eu.ssl-images-amazon.com/images/I/71ZFcWRAX7L.png',fit: BoxFit.cover,),
对于您的用例,如果您真的想使用 PreferredSize()
,您可以像这样使用它。
appBar: PreferredSize(
preferredSize: Size.fromHeight(100),child: Container(
child: Padding(
padding: const EdgeInsets.all(8.0),child: Image.network(
'https://images-eu.ssl-images-amazon.com/images/I/71ZFcWRAX7L.png',
你会得到这样的东西
,首先,我认为没有必要使用 PreferredSizeWidget
,因为 AppBar
本身已经实现了 PreferredSizeWidget
。
此外,我使用 FittedBox
将图像放置在应用栏中 - 请参阅示例代码以了解如何使用它。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。