iirc, das obige Problem wurde behoben und der Unschärfeeffekt funktioniert jetzt auf iOS-Geräten :)
loganrussell48
11
Ich glaube, ich kenne die genaue Bedeutung von 'Frosted' nicht (wenn mein Beispiel hier nicht funktioniert hat),
import'package:flutter/material.dart';import'dart:ui'as ui;void main()=> runApp(MaterialApp(
title:"Frosted glass",
home:newHomePage()));classHomePageextendsStatelessWidget{
@override
Widget build(BuildContext context){returnnewScaffold(
body:newStack(
fit:StackFit.expand,
children:<Widget>[
generateBluredImage(),newColumn(
mainAxisAlignment:MainAxisAlignment.center,
children:<Widget>[
rectShapeContainer(),],),],),);}Widget generateBluredImage(){returnnewContainer(
decoration:newBoxDecoration(
image:newDecorationImage(
image:newAssetImage('assets/images/huxley-lsd.png'),
fit:BoxFit.cover,),),//I blured the parent container to blur background image, you can get rid of this part
child:newBackdropFilter(
filter:new ui.ImageFilter.blur(sigmaX:3.0, sigmaY:3.0),
child:newContainer(//you can change opacity with color here(I used black) for background.
decoration:newBoxDecoration(color:Colors.black.withOpacity(0.2)),),),);}Widget rectShapeContainer(){returnContainer(
margin:constEdgeInsets.symmetric(horizontal:40.0, vertical:10.0),
padding:constEdgeInsets.all(15.0),
decoration:newBoxDecoration(//you can get rid of below line also
borderRadius:newBorderRadius.circular(10.0),//below line is for rectangular shape
shape:BoxShape.rectangle,//you can change opacity with color here(I used black) for rect
color:Colors.black.withOpacity(0.5),//I added some shadow, but you can remove boxShadow also.
boxShadow:<BoxShadow>[newBoxShadow(
color:Colors.black26,
blurRadius:5.0,
offset:newOffset(5.0,5.0),),],),
child:newColumn(
children:<Widget>[newText('There\'s only one corner of the universe you can be certain of improving and that\'s your own self.',
style:newTextStyle(
color:Colors.white,
fontSize:20.0,),),],),);}}
total geholfen. Ich habe die Option "Stapel" komplett vergessen ... vielen Dank.
AhabLives
Wie kann der Zuckerguss der Form eines übergeordneten Behälters folgen? es zeigt immer noch rechteckig, wenn es in einem kreisförmigen Behälter hinzugefügt wird
Kaki Master Of Time
@KakiMasterOfTime Ich glaube, ich habe deine Frage nicht richtig verstanden. Wenn Sie jedoch die Form des rectShape-Containers durch Entfernen von borderRadius zum Kreis machen, funktioniert dies.
Antworten:
Sie können das BackdropFilter-Widget verwenden , um diesen Effekt zu erzielen.
quelle
Ich glaube, ich kenne die genaue Bedeutung von 'Frosted' nicht (wenn mein Beispiel hier nicht funktioniert hat),
Ergebnis:
Ich hoffe das wird jemandem helfen.
quelle
quelle