Flutter 如何消除appbar和body之间的连线?
我有一个appbar,在body中有一个列。我想让你不知道appbar在哪里结束,专栏在哪里开始。为此,我将appbar的标高设置为零,并将列中appbar和小部件的背景色设置为相同。然而,似乎有一条分界线将我无法摆脱的两条分界线分开 代码如下:Flutter 如何消除appbar和body之间的连线?,flutter,Flutter,我有一个appbar,在body中有一个列。我想让你不知道appbar在哪里结束,专栏在哪里开始。为此,我将appbar的标高设置为零,并将列中appbar和小部件的背景色设置为相同。然而,似乎有一条分界线将我无法摆脱的两条分界线分开 代码如下: Widget build(BuildContext context) { return Scaffold( appBar: AppBar( leading: SizedBox(), backgroun
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
leading: SizedBox(),
backgroundColor: Colors.blue,
title: Text("Profile"),
centerTitle: true,
elevation: 0,
),
body: Column(
children: [
SizedBox(
height: 240,
child: Stack(
children: [
ClipPath(
clipper: CustomShape(),
child: Container(
height: 150,
color: Colors.blue,
),
)
],
),
),
],
),
);
}
下面是线条/分隔符的外观:
我想去掉AppBar,只是放一个容器来代替它,但是它看起来有点麻烦,所以我想在应用之前检查一下我是否可以考虑其他的解决方案。 < P>给你的脚手架一个与你的AppBar颜色相同的背景颜色。 在我的图片中,颜色是橙色。200我得到这些图片,在你的情况下,使用蓝色作为代码
Scaffold(backgroundColor: Colors.blue,
appBar: AppBar(
leading: SizedBox(),
backgroundColor: Colors.blue,
title: Text("Profile"),
centerTitle: true,
elevation: 0,
),
在脚手架的主体上,根据需要给容器上色
这不需要设置脚手架背景色:
这是一个脚手架背景:
移除车身中的appbar和板条箱自定义appbar布局