Эффект Flutter web ImageFilter.blur не изменяется при изменении размера окна в браузере - PullRequest
Новая
       10

Эффект Flutter web ImageFilter.blur не изменяется при изменении размера окна в браузере

0 голосов
/ 25 марта 2020

Поэтому я попытался добавить эффект размытия на свой веб-сайт, но при тестировании размытие не меняет размер. На большом экране это работает, но если начать с маленького экрана, а затем увеличить, это не так. Я что-то здесь не так делаю?

Изображение после изменения размера с маленького экрана:

Image after resizing from small screen

import 'dart:ui';

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key key}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: ExactAssetImage(
            'assets/background2.jpg',
          ),
          fit: BoxFit.cover,
        ),
      ),
      child: BackdropFilter(
        filter: ImageFilter.blur(
          sigmaX: 2,
          sigmaY: 2,
        ),
        child: Container(
          decoration: BoxDecoration(color: Colors.white.withOpacity(0.0)),
        ),
      ),
    );
  }
}
...