我如何调整image.network appbar



我想让图片位于appbar的中心,并将大小调整到更大。我试过使用宽度和高度,但这是死亡代码。

class HomeScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
//ใช้ context
return MaterialApp(
//ใช้ MaterialApp
home: Scaffold(
//ใช้ Scaffold
appBar: BuildAppBar(),
//สร้าง AppBar
body: Center(child: Text('Hi')), //ใช้ Text แสดงข้อความตรงกลางจอ
),
);
}
AppBar BuildAppBar() {
return AppBar(
leading: Container(
padding: const EdgeInsets.all(0),
child: Image.network(
'http://www.sr...i can't open this url to pubic'),
width: 100,
height: 100,
),
);
}
}

这是现在调试模式的结果。

如果你想在appBar的中心添加一个图像,你可以使用下面的代码;

appBar: AppBar(
title: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.network(
'https://picsum.photos/250?image=9',
fit: BoxFit.contain,
height: 60,
errorBuilder: (context, error, stackTrace) =>
const Icon(Icons.error_outline_outlined),
),
Container()
],
),
),

试试这个:

return AppBar(
centerTitle: true,
toolbarHeight: 100,
title: Image.network(
imageUrl,
width: 100,
height: 100,
),
);