blocks|key|4334824|text|然而，这不是直接可能的。对于运行时灰度，您可以使用带有flutter的dart+image+package。使用dart图像包加载您的图像，应用灰度函数，读取灰度图像中的字节，并与flutter的Image.memory控件一起使用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4334825|你可以只获取字节，而不需要对彩色图像应用灰度。|4334826|希望这能有所帮助！|4334827|entityMap|0|LINK|mutability|MUTABLE|url|https://pub.dartlang.org/packages/image^0|2Q|C|14|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

However it is not possible directly. For runtime grayscale you can use a dart <a href="https://pub.dartlang.org/packages/image" rel="nofollow noreferrer">image package</a> with flutter.
Load your images with dart image package, apply grayscale function, read the bytes from grayscale image and use it with <code>Image.memory</code> widget of flutter.

You can just get bytes without applying grayscale for a coloured image.

Hope that helped!

blocks|key|4334853|text|从我个人的经验来看，我发现将滤色器与不透明度相结合，可以很好地为图像提供禁用状态。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4334854|​|4334855|📷|atomic|offset|length|4334856|4334857|上面显示的是我启用的其中一个图像的示例。|4334858|4334859|4334860|4334861|上面显示的是当您应用滤色器并向图像添加不透明小部件时图像的外观。|4334862|为了实现类似的功能，您需要以下代码：|4334863|++new+Material(
++++++elevation:+2.0,
++++++child:+new+Opacity(
++++++++opacity:+0.3,
++++++++child:+new+Container(
++++++++++padding:+new+EdgeInsets.all(20.0),
++++++++++child:+new+Image.asset("assets/<your+icon>",+fit:+BoxFit.cover,+color:+Colors.grey),
++++++++++decoration:+new+BoxDecoration(
++++++++++++border:+new+Border.all(
++++++++++++++width:+2.0,+color:+const+Color(0x40000000)),
++++++++++++++borderRadius:+const+BorderRadius.all(const+Radius.circular(5.0)
++++++++++++)
++++++++++)
++++++++)
++++++)
++);|code-block|syntax|javascript|4334864|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/c17ba9aa208d5b05c0c7293703873104.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/4034d7b06d24d2c35ca65f44ce7d275b.png^0|0|0|0|1|0|0|0|0|0|0|1|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1A|8|@]|9|@$G|1B|H|1C|1|1D]]|A|$]]|$1|I|3|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1F|8|@]|9|@]|A|$]]|$1|L|3|C|5|6|7|1G|8|@]|9|@]|A|$]]|$1|M|3|E|5|F|7|1H|8|@]|9|@$G|1I|H|1J|1|1K]]|A|$]]|$1|N|3|C|5|6|7|1L|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1N|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1O|8|@]|9|@]|A|$V|W]]|$1|X|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14|15|-4]]|16|$5|10|11|12|A|$13|17|15|-4]]]]

From my own personal experiences I've found combining a color filter along with Opacity works well in giving a disabled state to an Image.

<a href="https://i.stack.imgur.com/Ln5P8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ln5P8.png" alt="enter image description here"></a>

Shown above is an example of one of my enabled images.

<a href="https://i.stack.imgur.com/DLH0H.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DLH0H.png" alt="enter image description here"></a>

Shown above is what that image looks like looks like whenever you apply a color filter and add Opacity widget to your image.

For you to implement something similar you would need this code:

<pre><code> new Material(
 elevation: 2.0,
 child: new Opacity(
 opacity: 0.3,
 child: new Container(
 padding: new EdgeInsets.all(20.0),
 child: new Image.asset("assets/&lt;your icon&gt;", fit: BoxFit.cover, color: Colors.grey),
 decoration: new BoxDecoration(
 border: new Border.all(
 width: 2.0, color: const Color(0x40000000)),
 borderRadius: const BorderRadius.all(const Radius.circular(5.0)
 )
 )
 )
 )
 );
</code></pre>

blocks|key|4334575|text|将小部件设置为容器的子项，并添加foregroundDecoration，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4334576|Container(
++foregroundDecoration:+BoxDecoration(
++++color:+Colors.grey,
++++backgroundBlendMode:+BlendMode.saturation,
++),
++child:+child,
)|code-block|syntax|javascript|4334577|--更新:基于flutter+team的this+new+video，还有另一个小部件。代码基本相同，如下所示：|offset|length|4334578|ColorFiltered(
++colorFilter:+ColorFilter.mode(
++++Colors.grey,
++++BlendMode.saturation,
++),
++child:+child,
)|4334579|但我还是更喜欢使用容器forgroundDecoration的方法，因为容器在相同的地方给了你更多的灵活性。|4334580|entityMap|0|LINK|mutability|MUTABLE|url|https://www.youtube.com/watch?v=F7Cll22Dno8^0|0|0|K|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Set the widget as the child of a container, and add foregroundDecoration like this: 

<pre><code>Container(
 foregroundDecoration: BoxDecoration(
 color: Colors.grey,
 backgroundBlendMode: BlendMode.saturation,
 ),
 child: child,
)
</code></pre>

-- Update:
Based on <a href="https://www.youtube.com/watch?v=F7Cll22Dno8" rel="noreferrer">this new video</a> from flutter team, there is another widget for this.
The code is basically the same, and it is like this:

<pre><code>ColorFiltered(
 colorFilter: ColorFilter.mode(
 Colors.grey,
 BlendMode.saturation,
 ),
 child: child,
)
</code></pre>

But I still prefer the method using Container forgroundDecoration, since container gives you more flexibilities in the same place.

blocks|key|4334641|text|我基于上面的Marks答案创建了一个Widget：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4334642|import+'package:flutter/material.dart';

class+DisabledRenderer+extends+StatelessWidget+{
++final+Widget+child;
++final+bool+enabled;
++final+double+padding;
++final+double+boxWidth;
++final+Color+boxColor;
++final+double+boxRadius;

++DisabledRenderer(
++++++{@required+this.child,
++++++@required+this.enabled,
++++++this.padding+=+2,
++++++this.boxWidth+=+2,
++++++this.boxColor+=+Colors.white,
++++++this.boxRadius+=+5.0});

++@override
++Widget+build(BuildContext+context)+=>+Material(
++++++++elevation:+2.0,
++++++++child:+Opacity(
++++++++++opacity:+enabled+?+1+:+0.3,
++++++++++child:+Container(
++++++++++++padding:+EdgeInsets.all(padding),
++++++++++++child:+child,
++++++++++++decoration:+BoxDecoration(
++++++++++++++border:+Border.all(width:+boxWidth,+color:+boxColor),
++++++++++++++borderRadius:+BorderRadius.all(Radius.circular(boxRadius)),
++++++++++++),
++++++++++),
++++++++),
++++++);
}|code-block|syntax|javascript|4334643|在使用中，它看起来是这样的：|4334644|DisabledRenderer(enabled:+false,+child:+Icon(MdiIcons()['speedometer'],);|4334645|启用布尔值通常与StreamBuilder一起使用，以侦听模型事件。如何做到这一点请搜索颤动区块模式和StreamBuilder|4334646|如果你需要一个支持streams+(阻塞模式)的版本，那么使用这个版本：|4334647|import+'package:flutter/material.dart';

class+DisabledRenderer+extends+StatelessWidget+{
++final+Widget+child;
++final+bool+enabled;
++final+Stream+enableStream;
++final+double+padding;
++final+bool+showBorder;
++final+double+boxWidth;
++final+Color+boxColor;
++final+double+boxRadius;

++DisabledRenderer(
++++++{@required+this.child,
++++++this.enabled,
++++++this.enableStream,
++++++this.showBorder+=+true,
++++++this.padding+=+2,
++++++this.boxWidth+=+2,
++++++this.boxColor+=+Colors.white,
++++++this.boxRadius+=+5.0})+{
++++//one+or+the+other,+not+both
++++assert((enableStream+!=+null+&&+enabled+==+null)+%7C%7C
++++++++(enableStream+==+null+&&+enabled+!=+null));
++}

++@override
++Widget+build(BuildContext+context)+=>+Material(
++++++++elevation:+2.0,
++++++++child:+enableStream+!=+null
++++++++++++?+StreamBuilder<bool>(
++++++++++++++++initialData:+false,
++++++++++++++++stream:+enableStream,
++++++++++++++++builder:+(BuildContext+context,+AsyncSnapshot+enabled)+{
++++++++++++++++++return+enabled.hasData
++++++++++++++++++++++?+_renderEnabledDisabledState(enabled.data)
++++++++++++++++++++++:+Container();
++++++++++++++++},
++++++++++++++)
++++++++++++:+_renderEnabledDisabledState(enabled),
++++++);

++Widget+_renderEnabledDisabledState(bool+enabled)+{
++++return+IgnorePointer(
++++++ignoring:+!enabled,
++++++child:+Opacity(
++++++++opacity:+enabled+?+1+:+0.3,
++++++++child:+showBorder
++++++++++++?+Container(
++++++++++++++++padding:+EdgeInsets.all(padding),
++++++++++++++++child:+child,
++++++++++++++++decoration:+BoxDecoration(
++++++++++++++++++border:+Border.all(width:+boxWidth,+color:+boxColor),
++++++++++++++++++borderRadius:+BorderRadius.all(Radius.circular(boxRadius)),
++++++++++++++++),
++++++++++++++)
++++++++++++:+child,
++++++),
++++);
++}
}|4334648|您可以这样使用它：|4334649|DisabledRenderer(
+++++++++++++++++showBorder:+false,
+++++++++++++++++enableStream:+BlocProvider.of(context)
++++++++++++++++++++++++++++++++++++++.bluetooth
++++++++++++++++++++++++++++++++++++++.isConnected
++++++++++++++++++++++++++++++++++++++.stream,
+++++++++++++++++child:+YourWidget(),
++++```|4334650|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

I created a Widget based on Marks answer above:

<pre><code>import 'package:flutter/material.dart';

class DisabledRenderer extends StatelessWidget {
 final Widget child;
 final bool enabled;
 final double padding;
 final double boxWidth;
 final Color boxColor;
 final double boxRadius;

 DisabledRenderer(
 {@required this.child,
 @required this.enabled,
 this.padding = 2,
 this.boxWidth = 2,
 this.boxColor = Colors.white,
 this.boxRadius = 5.0});

 @override
 Widget build(BuildContext context) =&gt; Material(
 elevation: 2.0,
 child: Opacity(
 opacity: enabled ? 1 : 0.3,
 child: Container(
 padding: EdgeInsets.all(padding),
 child: child,
 decoration: BoxDecoration(
 border: Border.all(width: boxWidth, color: boxColor),
 borderRadius: BorderRadius.all(Radius.circular(boxRadius)),
 ),
 ),
 ),
 );
}
</code></pre>

In use it looks like that:

<pre><code>DisabledRenderer(enabled: false, child: Icon(MdiIcons()['speedometer'],);
</code></pre>

The enable bool is usually used with a StreamBuilder to listen to a model event.
How to do that please search for Flutter Bloc pattern and StreamBuilder

If you need a version which supports streams (bloc pattern) then use this one:

<pre><code>import 'package:flutter/material.dart';

class DisabledRenderer extends StatelessWidget {
 final Widget child;
 final bool enabled;
 final Stream enableStream;
 final double padding;
 final bool showBorder;
 final double boxWidth;
 final Color boxColor;
 final double boxRadius;

 DisabledRenderer(
 {@required this.child,
 this.enabled,
 this.enableStream,
 this.showBorder = true,
 this.padding = 2,
 this.boxWidth = 2,
 this.boxColor = Colors.white,
 this.boxRadius = 5.0}) {
 //one or the other, not both
 assert((enableStream != null &amp;&amp; enabled == null) ||
 (enableStream == null &amp;&amp; enabled != null));
 }

 @override
 Widget build(BuildContext context) =&gt; Material(
 elevation: 2.0,
 child: enableStream != null
 ? StreamBuilder&lt;bool&gt;(
 initialData: false,
 stream: enableStream,
 builder: (BuildContext context, AsyncSnapshot enabled) {
 return enabled.hasData
 ? _renderEnabledDisabledState(enabled.data)
 : Container();
 },
 )
 : _renderEnabledDisabledState(enabled),
 );

 Widget _renderEnabledDisabledState(bool enabled) {
 return IgnorePointer(
 ignoring: !enabled,
 child: Opacity(
 opacity: enabled ? 1 : 0.3,
 child: showBorder
 ? Container(
 padding: EdgeInsets.all(padding),
 child: child,
 decoration: BoxDecoration(
 border: Border.all(width: boxWidth, color: boxColor),
 borderRadius: BorderRadius.all(Radius.circular(boxRadius)),
 ),
 )
 : child,
 ),
 );
 }
}
</code></pre>

this is how you would use it:

<pre><code>DisabledRenderer(
 showBorder: false,
 enableStream: BlocProvider.of(context)
 .bluetooth
 .isConnected
 .stream,
 child: YourWidget(),
 ```



</code></pre>

blocks|key|4334685|text|我改编了Mark+O‘’Sullivan帖子，并创建了一个通用小部件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4334686|要使用它：|4334687|text+=+Text("Hellow+World");
GrayedOut(text);|code-block|syntax|javascript|4334688|或|4334689|GrayedOut(text,+grayedOut:+true);|4334690|还有这个班级|4334691|class+GrayedOut+extends+StatelessWidget+{
++final+Widget+child;
++final+bool+grayedOut;

++GrayedOut(this.child,+{this.grayedOut+=+true});

++@override
++Widget+build(BuildContext+context)+{
++++return+grayedOut+?+new+Opacity(opacity:+0.3,+child:+child)+:+child;
++}
}|4334692|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I adapted Mark O'Sullivan post and created a general purpose widget:

To use it:

<pre><code>text = Text("Hellow World");
GrayedOut(text);
</code></pre>

or 

<pre><code>GrayedOut(text, grayedOut: true);
</code></pre>

And the class

<pre><code>class GrayedOut extends StatelessWidget {
 final Widget child;
 final bool grayedOut;

 GrayedOut(this.child, {this.grayedOut = true});

 @override
 Widget build(BuildContext context) {
 return grayedOut ? new Opacity(opacity: 0.3, child: child) : child;
 }
}
</code></pre>

blocks|key|4335067|text|我认为这可以使用alpha来完成，它可以创建禁用的效果。这个技巧也适用于深色和浅色的主题，因为它继承了父级。我用过cardColor，你可以选择任何主题和应用颜色。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4335068|Theme.of(context).cardColor.withAlpha(180)|code-block|syntax|javascript|4335069|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think this can be done using alpha, which can create effect of disabled. This trick works for dark and light theme too because it inherits from parent. I have used cardColor, you can choose any theme and apply the color.

<pre><code>Theme.of(context).cardColor.withAlpha(180)
</code></pre>

blocks|key|4334762|text|根据ColorFiltered的flutter文档，可以按如下方式使用ColorFilter.matrix+link：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4334763|const+ColorFilter+greyscale+=+ColorFilter.matrix(<double>[
++0.2126,+0.7152,+0.0722,+0,+0,
++0.2126,+0.7152,+0.0722,+0,+0,
++0.2126,+0.7152,+0.0722,+0,+0,
++0,++++++0,++++++0,++++++1,+0,
]);

ColorFiltered(
++colorFilter:+greyscale,
++child:+child,
);|code-block|syntax|javascript|4334764|在这种情况下，ColorFilter将忽略图像的透明区域。|4334765|entityMap|0|LINK|mutability|MUTABLE|url|https://api.flutter.dev/flutter/dart-ui/ColorFilter/ColorFilter.matrix.html^0|1I|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

According flutter documentation of ColorFiltered you can use ColorFilter.matrix <a href="https://api.flutter.dev/flutter/dart-ui/ColorFilter/ColorFilter.matrix.html" rel="noreferrer">link</a> like this:

<pre><code>const ColorFilter greyscale = ColorFilter.matrix(&lt;double&gt;[
 0.2126, 0.7152, 0.0722, 0, 0,
 0.2126, 0.7152, 0.0722, 0, 0,
 0.2126, 0.7152, 0.0722, 0, 0,
 0, 0, 0, 1, 0,
]);

ColorFiltered(
 colorFilter: greyscale,
 child: child,
);
</code></pre>

In this case ColorFilter will ignore transparent areas of your images.

blocks|key|4334850|text|如果您的孩子是.png图像，如果您放置Colors.grey，flutter会将其渲染为灰色背景。使用与您的小部件背景相同的颜色，您将有一个完美的禁用图像|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4334851|ColorFiltered(
++++colorFilter:+ColorFilter.mode(
++++++++Colors.white,
++++++++BlendMode.saturation,
++++),
++++child:+child,
)|code-block|syntax|javascript|4334852|如果要在用户单击图像时更改图像的颜色，可以执行以下操作：|4334853|GestureDetector(

++++onTap:+()+=>+{

++++++++setState((){

++++++++++++_active+=+!_active;

++++++++})
++++
++++},
++++child:+ColorFiltered(
++++
++++++++colorFilter:+_active+?+ColorFilter.mode(
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++Colors.transparent,++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++BlendMode.saturation,

++++++++)+:+ColorFilter.mode(
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++Colors.white,
++++++++++++BlendMode.saturation,
++++++++),

++++++++child:+Image(

++++++++++++image:+Image.asset("assets/test.png").image
+++++++++++
++++++++),
++++),
)|4334854|entityMap^0|J|B|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

If your child is a .png image, flutter will render it with a grey background if you put <code>Colors.grey</code>. Using the same color of your widget background you will have a perfect disabled image
<pre><code>ColorFiltered(
 colorFilter: ColorFilter.mode(
 Colors.white,
 BlendMode.saturation,
 ),
 child: child,
)
</code></pre>
If you want to change the color of your image when user clicks it, you can do this:
<pre><code>GestureDetector(

 onTap: () =&gt; {

 setState((){

 _active = !_active;

 })
 
 },
 child: ColorFiltered(
 
 colorFilter: _active ? ColorFilter.mode(
 
 Colors.transparent, 
 BlendMode.saturation,

 ) : ColorFilter.mode(
 
 Colors.white,
 BlendMode.saturation,
 ),

 child: Image(

 image: Image.asset(&quot;assets/test.png&quot;).image
 
 ),
 ),
)
</code></pre>

blocks|key|4335229|text|这个小部件实现了the+Google+Flutter+engineer+@dnfield在this+Flutter+GitHub+issue上所说的内容，它处理具有透明背景的图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4335230|import+'package:flutter/widgets.dart';

class+GrayscaleColorFiltered+extends+StatelessWidget+{
++final+Widget+child;

++const+GrayscaleColorFiltered({Key?+key,+required+this.child})+:+super(key:+key);

++@override
++Widget+build(BuildContext+context)+{
++++return+ColorFiltered(
++++++colorFilter:+ColorFilter.matrix(<double>[
++++++++0.2126,+0.7152,+0.0722,+0,+0,+//
++++++++0.2126,+0.7152,+0.0722,+0,+0,
++++++++0.2126,+0.7152,+0.0722,+0,+0,
++++++++0,+0,+0,+1,+0,
++++++]),
++++++child:+child,
++++);
++}
}|code-block|syntax|javascript|4335231|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/dnfield|1|https://github.com/dnfield/flutter_svg/issues/290^0|8|10|0|19|P|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

This widget implements what <a href="https://github.com/dnfield" rel="nofollow noreferrer">the Google Flutter engineer @dnfield</a> said on <a href="https://github.com/dnfield/flutter_svg/issues/290" rel="nofollow noreferrer">this Flutter GitHub issue</a>, which works with images with transparent background.
<pre class="lang-dart prettyprint-override"><code>import 'package:flutter/widgets.dart';

class GrayscaleColorFiltered extends StatelessWidget {
 final Widget child;

 const GrayscaleColorFiltered({Key? key, required this.child}) : super(key: key);

 @override
 Widget build(BuildContext context) {
 return ColorFiltered(
 colorFilter: ColorFilter.matrix(&lt;double&gt;[
 0.2126, 0.7152, 0.0722, 0, 0, //
 0.2126, 0.7152, 0.0722, 0, 0,
 0.2126, 0.7152, 0.0722, 0, 0,
 0, 0, 0, 1, 0,
 ]),
 child: child,
 );
 }
}

</code></pre>

I have a bunch of Image widgets which when in a disabled state, should look grayed out.

Is there a way to alter an existing image make it look disabled / grayed out?

I want to avoid having both an enabled image asset and a disabled image asset increasing the overall APK size instead of having the single asset.

Making an Image widget disabled / grayed out

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一堆图像小工具，当它们处于禁用状态时，应该看起来是灰色的。有没有办法改变现有的图像，使其看起来禁用/灰显？我希望避免同时使用启用的图像资源和禁用的图像资源，从而增加整体APK大小，而不是使用单个资源。

问禁用/灰显图像小部件
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用/灰显图像小部件EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁用/灰显图像小部件
EN