Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 在浏览器中更改窗口大小时,颤振web ImageFilter.blur效果不会调整大小_Flutter_Flutter Web - Fatal编程技术网

Flutter 在浏览器中更改窗口大小时,颤振web ImageFilter.blur效果不会调整大小

Flutter 在浏览器中更改窗口大小时,颤振web ImageFilter.blur效果不会调整大小,flutter,flutter-web,Flutter,Flutter Web,所以我试着在我的网站上添加模糊效果,但在测试模糊效果时,它不会调整大小。在大屏幕上它可以工作,但如果从小屏幕开始,然后再到大屏幕,它就不行了。我做错什么了吗 从小屏幕调整大小后的图像: 导入“dart:ui”; 进口“包装:颤振/材料.省道”; void main(){ runApp(MyApp()); } 类MyApp扩展了无状态小部件{ //此小部件是应用程序的根。 @凌驾 小部件构建(构建上下文){ 返回材料PP( 主页:MyHomePage(), ); } } 类MyHomePage扩

所以我试着在我的网站上添加模糊效果,但在测试模糊效果时,它不会调整大小。在大屏幕上它可以工作,但如果从小屏幕开始,然后再到大屏幕,它就不行了。我做错什么了吗

从小屏幕调整大小后的图像:

导入“dart:ui”;
进口“包装:颤振/材料.省道”;
void main(){
runApp(MyApp());
}
类MyApp扩展了无状态小部件{
//此小部件是应用程序的根。
@凌驾
小部件构建(构建上下文){
返回材料PP(
主页:MyHomePage(),
);
}
}
类MyHomePage扩展StatefulWidget{
constmyhomepage({Key}):超级(Key:Key);
@凌驾
_MyHomePageState createState()=>\u MyHomePageState();
}
类_MyHomePageState扩展状态{
@凌驾
小部件构建(构建上下文){
返回容器(
装饰:盒子装饰(
图像:装饰图像(
图片:ExactAssetImage(
“资产/背景2.jpg”,
),
适合:BoxFit.cover,
),
),
孩子:背投滤波器(
过滤器:ImageFilter.blur(
sigmaX:2,
5月2日,
),
子:容器(
装饰:框装饰(颜色:颜色。白色。不透明度(0.0)),
),
),
);
}
}

我遇到了同样的问题,在使用导航器切换到新屏幕时也会出现同样的问题。虽然我不知道为什么会发生这种情况,但我找到了一个解决办法。最初,我尝试显著增加模糊区域的大小,希望在调整窗口大小时,有足够的“模糊图像”可以扩展到。然而,在这样做的同时,我注意到将包含小部件的大小设置为大于100%(例如101%)就完全解决了这个问题

Stack(
    children: [
      Positioned(
        width: screenSize.width * 1.01,
        height: screenSize.height * 1.01,
        child: Container(
            width: screenSize.width,
            height: screenSize.height,decoration: BoxDecoration(
            image: DecorationImage(
              image: NetworkImage("your image url"),
              fit: BoxFit.cover,
            ),
          ),
          child: BackdropFilter(
            filter: ImageFilter.blur(sigmaX: 80.0, sigmaY: 80.0),
            child: Container(
              width: screenSize.width,
              height: screenSize.height,decoration: BoxDecoration(color: Colors.white.withOpacity(0.0)),
            ),
          ),
        ),
      ),
     Container(child: Text("Non blurry widgets go here")),
    ],
  ),
Stack(
    children: [
      Positioned(
        width: screenSize.width * 1.01,
        height: screenSize.height * 1.01,
        child: Container(
            width: screenSize.width,
            height: screenSize.height,decoration: BoxDecoration(
            image: DecorationImage(
              image: NetworkImage("your image url"),
              fit: BoxFit.cover,
            ),
          ),
          child: BackdropFilter(
            filter: ImageFilter.blur(sigmaX: 80.0, sigmaY: 80.0),
            child: Container(
              width: screenSize.width,
              height: screenSize.height,decoration: BoxDecoration(color: Colors.white.withOpacity(0.0)),
            ),
          ),
        ),
      ),
     Container(child: Text("Non blurry widgets go here")),
    ],
  ),