Flutter 文本字段中的模糊文本
有没有一种简单的方法来模糊文本字段?容器上通常的模糊效果与立面结合使用时会产生不必要的副作用 这根本不起作用:Flutter 文本字段中的模糊文本,flutter,textfield,blur,Flutter,Textfield,Blur,有没有一种简单的方法来模糊文本字段?容器上通常的模糊效果与立面结合使用时会产生不必要的副作用 这根本不起作用: Stack( children: [ Container( child: Text("Text to hide") ), BackdropFilter( filter: ImageFilter.blur( sigmaX: 5, sigmaY: 5, ), ch
Stack(
children: [
Container(
child: Text("Text to hide")
),
BackdropFilter(
filter: ImageFilter.blur(
sigmaX: 5,
sigmaY: 5,
),
child: Container(
color: Colors.black.withOpacity(0.8),
),
),
],
),
您可以对
文本样式的前景使用绘画:
Text(
'text to hide',
style: TextStyle(
fontSize: 36,
foreground: Paint()
..style = PaintingStyle.fill
..color = Colors.grey
..maskFilter = MaskFilter.blur(BlurStyle.normal, 6)),
),
结果:
试试这个
Stack(
children: [
Container(
child: Text("Text to hide")
),
BackdropFilter(
filter: ImageFilter.blur(
sigmaX: 2,
sigmaY: 2,
),
child: Container(
color: Colors.transparent,
height: 25,
),
),
],
),
谢谢你的例子。由于backdropfilter的工作方式,这似乎不能在完整的UI中正常工作。或者我就是不能正确地使用它。