Flutter:去除按鈕點擊時出現的波紋


問題描述

對於習慣iOS的UI風格的開發者來說,初次使用Flutter最令人感覺到不太舒服的就是在點擊的時候會出現一個從點擊點擴散的一個陰影,類似下圖:

解決方案

出現該問題的原因是兩個屬性引起的,一個是highlightColor,一個是splashColor,其中highlightColor是點擊的時候的高亮效果,splashColor是點擊后不松手的擴散效果。

如果想去掉這種波紋效果,可直接把它們設置為Colors.transparent

對於類似RaisedButton這些Widget,可直接設置這些屬性,但是,如果每個Widget都要寫一遍,那就比較無趣了。

所以一般對於全局的設置,可直接放在theme里面

new MaterialApp(
	title: "Welcome Flutter",
	home: new RandomWord(),
	theme: new ThemeData(
          highlightColor: Colors.transparent,
          splashColor: Colors.transparent
        ),
);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM