mirror of
				https://gitlab.com/famedly/fluffychat.git
				synced 2025-11-04 06:17:26 +01:00 
			
		
		
		
	design: Add blur to background image
This commit is contained in:
		
							parent
							
								
									93477d3a1e
								
							
						
					
					
						commit
						e3474bf220
					
				@ -80,6 +80,7 @@ class App extends StatelessWidget {
 | 
			
		||||
                onGenerateRoute: FluffyRoutes(context).onGenerateRoute,
 | 
			
		||||
                dividerColor: Theme.of(context).dividerColor,
 | 
			
		||||
                columnWidth: FluffyThemes.columnWidth,
 | 
			
		||||
                dividerWidth: 0.5,
 | 
			
		||||
                routeBuilder: (builder, settings) =>
 | 
			
		||||
                    Matrix.of(context).loginState == LoginState.logged &&
 | 
			
		||||
                            !{
 | 
			
		||||
 | 
			
		||||
@ -1,6 +1,7 @@
 | 
			
		||||
import 'dart:async';
 | 
			
		||||
import 'dart:io';
 | 
			
		||||
import 'dart:math';
 | 
			
		||||
import 'dart:ui';
 | 
			
		||||
 | 
			
		||||
import 'package:adaptive_dialog/adaptive_dialog.dart';
 | 
			
		||||
import 'package:adaptive_page_layout/adaptive_page_layout.dart';
 | 
			
		||||
@ -688,11 +689,32 @@ class _ChatState extends State<Chat> {
 | 
			
		||||
      body: Stack(
 | 
			
		||||
        children: <Widget>[
 | 
			
		||||
          if (Matrix.of(context).wallpaper != null)
 | 
			
		||||
            Image.file(
 | 
			
		||||
              Matrix.of(context).wallpaper,
 | 
			
		||||
            Container(
 | 
			
		||||
              height: double.infinity,
 | 
			
		||||
              width: double.infinity,
 | 
			
		||||
              fit: BoxFit.cover,
 | 
			
		||||
              decoration: BoxDecoration(
 | 
			
		||||
                image: DecorationImage(
 | 
			
		||||
                  image: FileImage(
 | 
			
		||||
                    Matrix.of(context).wallpaper,
 | 
			
		||||
                  ),
 | 
			
		||||
                  fit: BoxFit.cover,
 | 
			
		||||
                ),
 | 
			
		||||
              ),
 | 
			
		||||
              child: ClipRRect(
 | 
			
		||||
                // make sure we apply clip it properly
 | 
			
		||||
                child: BackdropFilter(
 | 
			
		||||
                  filter: ImageFilter.blur(
 | 
			
		||||
                    sigmaX: 4,
 | 
			
		||||
                    sigmaY: 4,
 | 
			
		||||
                  ),
 | 
			
		||||
                  child: Container(
 | 
			
		||||
                    alignment: Alignment.center,
 | 
			
		||||
                    color: Theme.of(context)
 | 
			
		||||
                        .scaffoldBackgroundColor
 | 
			
		||||
                        .withOpacity(0.33),
 | 
			
		||||
                  ),
 | 
			
		||||
                ),
 | 
			
		||||
              ),
 | 
			
		||||
            ),
 | 
			
		||||
          SafeArea(
 | 
			
		||||
            child: Column(
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user