实现方法为定义一个Container为页面骨架的父组件,再将骨架的默认样式给去掉。
@override
Widget build(BuildContext context) {
return Container(
decoration: const BoxDecoration(
// 渐变色
gradient: LinearGradient(colors: [
Color.fromARGB(255, 251, 240, 226),
Color.fromARGB(255, 232, 233, 243),
Color.fromARGB(255, 252, 232, 226),
Color.fromARGB(255, 248, 225, 248),
Color.fromARGB(255, 220, 230, 254)
], begin: Alignment.topLeft, end: Alignment.bottomRight)),
// 将Scaffold骨架放在定义的Container里
child: Scaffold(
// 将整个Scaffold背景色透明,代替默认白色
backgroundColor: Colors.transparent,
appBar: AppBar(
// 将整个AppBar背景色透明,代替默认ThemeColor(蓝色)
backgroundColor: Colors.transparent,
// AppBar的阴影度,无特殊需求就直接为0
elevation: 0,
leading: IconButton(
color: Colors.black,
icon: const Icon(Icons.arrow_back_ios),
onPressed: () => Navigator.pop(context)),
),
// 页面Body
body: Center(),
),
);
}
如果是更改背景图片或是其他也是同理,只需更改最外层的Container的填充样式即可。