如何将容器包装在除了容器本身之外的类似辉光的阴影中？

问题描述

我在图像顶部的容器中有一个登录表单。

使用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 (将#修改为@）