mirror of
https://gitlab.com/famedly/fluffychat.git
synced 2025-01-12 10:42:35 +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,
|
onGenerateRoute: FluffyRoutes(context).onGenerateRoute,
|
||||||
dividerColor: Theme.of(context).dividerColor,
|
dividerColor: Theme.of(context).dividerColor,
|
||||||
columnWidth: FluffyThemes.columnWidth,
|
columnWidth: FluffyThemes.columnWidth,
|
||||||
|
dividerWidth: 0.5,
|
||||||
routeBuilder: (builder, settings) =>
|
routeBuilder: (builder, settings) =>
|
||||||
Matrix.of(context).loginState == LoginState.logged &&
|
Matrix.of(context).loginState == LoginState.logged &&
|
||||||
!{
|
!{
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
import 'dart:async';
|
import 'dart:async';
|
||||||
import 'dart:io';
|
import 'dart:io';
|
||||||
import 'dart:math';
|
import 'dart:math';
|
||||||
|
import 'dart:ui';
|
||||||
|
|
||||||
import 'package:adaptive_dialog/adaptive_dialog.dart';
|
import 'package:adaptive_dialog/adaptive_dialog.dart';
|
||||||
import 'package:adaptive_page_layout/adaptive_page_layout.dart';
|
import 'package:adaptive_page_layout/adaptive_page_layout.dart';
|
||||||
@ -688,11 +689,32 @@ class _ChatState extends State<Chat> {
|
|||||||
body: Stack(
|
body: Stack(
|
||||||
children: <Widget>[
|
children: <Widget>[
|
||||||
if (Matrix.of(context).wallpaper != null)
|
if (Matrix.of(context).wallpaper != null)
|
||||||
Image.file(
|
Container(
|
||||||
Matrix.of(context).wallpaper,
|
|
||||||
height: double.infinity,
|
height: double.infinity,
|
||||||
width: 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(
|
SafeArea(
|
||||||
child: Column(
|
child: Column(
|
||||||
|
Loading…
Reference in New Issue
Block a user