您好,登錄后才能下訂單哦!
這篇文章主要講解了flutter實現app整體灰色效果的方法,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
Flutter 是 Google 開源的 UI 工具包,幫助開發者通過一套代碼庫高效構建多平臺精美應用,支持移動、Web、桌面和嵌入式平臺。Flutter 開源、免費,擁有寬松的開源協議,適合商業項目。
舉國哀悼, 進入各種大廠的app也可以看到主色都變成灰色的了
作為程序員我們肯定會想怎么可以實現的, 我簡單研究了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 ,還有別的方式可以用
效果:
之前:
[文件]
之后:
看完上述內容,是不是對flutter實現app整體灰色效果的方法有進一步的了解,如果還想學習更多內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。