如何解决如何将容器包装在除了容器本身之外的类似辉光的阴影中?
我在图像顶部的容器中有一个登录表单。
使用BackdropFilter ImageFilter.blur,容器具有模糊效果。
我希望容器的边缘有阴影。
问题是在容器上使用BoxShadow时,模糊容器后面的图像部分也会被阴影变暗。
我希望容器的内部保持光亮(无阴影),而外部\边缘有轻微阴影。
Scaffold(
body: SingleChildScrollView(
child: Container(
height: MediaQuery.of(context).size.height,width: MediaQuery.of(context).size.width,decoration: BoxDecoration(
image: DecorationImage(
image: _backgroundImage,fit: BoxFit.fitHeight,)
),child: Container(
padding: EdgeInsets.fromLTRB(25.0,75.0,25.0,75.0),decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.zero),boxShadow: [
BoxShadow(
color: Color(0xFF000000).withAlpha(60),blurRadius: 6.0,spreadRadius: 0.0,offset: Offset(
0.0,3.0,),// changes position of shadow
),]
),child: ClipRect(
child: Container(
padding: const EdgeInsets.all(50.0),child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 20,sigmaY: 20),child: Column(
mainAxisAlignment: MainAxisAlignment.center,crossAxisAlignment: CrossAxisAlignment.center,children: [
TextField(
controller: email,obscureText:false,decoration: InputDecoration(
border: OutlineInputBorder(),labelText: 'Email',TextField(
controller: password,obscureText: true,labelText: 'Password',FlatButton(
padding: EdgeInsets.all(10.0),onPressed: () {
//code
}
child: Text(
"Login",style: TextStyle(fontSize: 20.0),]
),
), ) );
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。