Flutter 理解颤振';沙德尔马斯克酒店
我试图了解Flutter 理解颤振';沙德尔马斯克酒店,flutter,flutter-layout,Flutter,Flutter Layout,我试图了解ShaderMask是如何工作的。如果我遵循ShaderMask文档中的示例: ShaderMask( 着色器回调:(矩形边界){ 返回径向梯度( 居中:对齐。左上角, 半径:1.0, 颜色:[颜色。黄色,颜色。深橙色。阴影900], tileMode:tileMode.mirror, ).createShader(边界); }, 孩子:const Text(“我在燃烧记忆”), ) 我明白了: (下面的两行文本显然表明缺少主题) 然后,如果我将同一个ShaderMask包围在Sc
ShaderMask
是如何工作的。如果我遵循ShaderMask
文档中的示例:
ShaderMask(
着色器回调:(矩形边界){
返回径向梯度(
居中:对齐。左上角,
半径:1.0,
颜色:[颜色。黄色,颜色。深橙色。阴影900],
tileMode:tileMode.mirror,
).createShader(边界);
},
孩子:const Text(“我在燃烧记忆”),
)
我明白了:
(下面的两行文本
显然表明缺少主题
)
然后,如果我将同一个ShaderMask
包围在Scaffold
中,我会得到:
脚手架(
正文:中(
孩子:沙德尔马斯克(
着色器回调:(矩形边界){
返回径向梯度(
居中:对齐。左上角,
半径:1.0,
颜色:[颜色。黄色,颜色。深橙色。阴影900],
tileMode:tileMode.mirror,
).createShader(边界);
},
孩子:const Text(“我在燃烧记忆”),
),
),
);
都没了!
ShaderMask
似乎刚刚被忽略,文档中也没有提到这种行为,为什么Scaffold
会“禁用”您缺少的ShaderMask
?blendMode属性
更多有关-
工作代码:
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ShaderMask(
blendMode: BlendMode.srcATop, // Add this
shaderCallback: (Rect bounds) {
return RadialGradient(
center: Alignment.topLeft,
radius: 1.0,
colors: <Color>[Colors.yellow, Colors.deepOrange.shade900],
tileMode: TileMode.mirror,
).createShader(bounds);
},
child: const Text('I’m burning the memories'),
),
),
);
}
小部件构建(构建上下文){
返回脚手架(
正文:中(
孩子:沙德尔马斯克(
blendMode:blendMode.srcATop,//添加此
着色器回调:(矩形边界){
返回径向梯度(
居中:对齐。左上角,
半径:1.0,
颜色:[颜色。黄色,颜色。深橙色。阴影900],
tileMode:tileMode.mirror,
).createShader(边界);
},
孩子:const Text(“我在燃烧记忆”),
),
),
);
}
在视频中看到样本和样本时,blendmode
似乎是可选的。混乱浪费了时间。在这里解决。