欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

flutter 怎么實現(xiàn)app整體灰色效果

 更新時間：2020年04月09日 09:51:41   作者：做人要簡單  
Flutter 是 Google 開源的 UI 工具包，幫助開發(fā)者通過一套代碼庫高效構(gòu)建多平臺精美應(yīng)用，支持移動、Web、桌面和嵌入式平臺。這篇文章給大家介紹flutter 怎么實現(xiàn)app整體灰色效果，感興趣的朋友一起看看吧

Flutter 是 Google 開源的 UI 工具包，幫助開發(fā)者通過一套代碼庫高效構(gòu)建多平臺精美應(yīng)用，支持移動、Web、桌面和嵌入式平臺。Flutter 開源、免費，擁有寬松的開源協(xié)議，適合商業(yè)項目。

舉國哀悼, 進入各種大廠的app也可以看到主色都變成灰色的了

作為程序員我們肯定會想怎么可以實現(xiàn)的, 我簡單研究了10分鐘, flutter中只要在整體外面套一個ShaderMask, 然后修改blendMode即可

核心代碼:

class MyApp extends StatelessWidget {
 // This widget is the root of your application.
 @override
 Widget build(BuildContext context) {
  return ShaderMask(
   child: OKToast(
    child: MaterialApp(
     title: 'Pick Image Demo',
     theme: ThemeData(
      primarySwatch: Colors.lime,
     ),
     home: MyHomePage(title: 'Pick Image Demo'),
    ),
   ),
   shaderCallback: (Rect bounds) {
    return ui.Gradient.linear(Offset.zero,
      Offset(bounds.width, bounds.height), [Colors.grey, Colors.grey]);
   },
   // blendMode: BlendMode.dst,
   blendMode: BlendMode.saturation,
  );
 }
}

在最外層套一個ShaderMask,
然后返回一個shader就可以了, 這里我用的是漸變的Gradient ,還有別的方式可以用

效果:

之前:

[文件]

之后:

總結(jié)

到此這篇關(guān)于flutter 怎么實現(xiàn)app整體灰度效果的文章就介紹到這了,更多相關(guān)flutter app灰度內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論