Background Image with blur Flutter

 Scaffold(

      body: Stack(

        children: [

        //background image here with blur

        Positioned.fill(

          child: Container(

            decoration: const BoxDecoration(

              image: DecorationImage(

                image: AssetImage('assets/images/u2.jpg'),

                fit: BoxFit.cover,

              ),

            ),

            child: BackdropFilter(

              filter: ImageFilter.blur(

                sigmaX: 10,

                sigmaY: 10,

              ),

              child: Container(

                decoration: BoxDecoration(

                  color: Colors.white.withOpacity(0.0),

                ),

              ),

            ),

          ),

        ),

        // Container(

        //   decoration: const BoxDecoration(

        //     image: DecorationImage(

        //       image: AssetImage('assets/images/u2.jpg'),

        //       fit: BoxFit.cover,

        //     ),

        //   ),

        //   // child: BackdropFilter(

        //   //   filter: ImageFilter.blur(

        //   //     sigmaX: 10,

        //   //     sigmaY: 10,

        //   //   ),

        //   // ),

        // ),

        SafeArea(

          child: Center(child: Text('sdds')),

        ),

      ]),

    );