Flutter Text文字下方出現黃色雙下劃線

問題描述

最近在寫Flutter版本的玩Android項目的啓動頁的時候發現文字的下方出現了兩條黃色下劃線，一開始有點懵，通過了解發現是個人代碼寫的有些問題，如今在這裏作個記錄。 在Flutter中，Text組件是屬於Material風格的，這就要求咱們的根組件最好也是Material風格的，不然UI展現可能會有一些問題。剛剛提到的啓動頁，根組件直接使用的層疊佈局Stack，而Stack就不屬於Material風格，當Stack內部嵌套Text的時候就會出現文字下方帶有兩條黃色下劃線的現象。

解決方法

這個問題主要有兩種方式解決:
1.修改根節點的組件類型爲Scaffold或者Material

Scaffold(body: content,);

Material(child: content);
複製代碼

2.針對出現問題的Text組件，修改其style下的decoration屬性爲TextDecoration.none

child: Text(
       "技術鏈接世界",
       style:TextStyle(color: Colors.white, decoration: TextDecoration.none),),
複製代碼

結語

記錄開發過程當中遇到的問題，享受技術帶來的快樂