問(wèn)題
文字下面出現(xiàn)黃色雙劃線
沒(méi)有使用Scaffold腳手架組件懂版,Scaffold是一個(gè)Material風(fēng)格APP的腳手架(包含AppBar躏率、Body、ActionButton)薇芝,Text不是在Material組件下,但是有些時(shí)候我們并不想使用Scaffold嵌套在最外層嚷缭,比如一個(gè)Dialog或者其他的耍贾。
只需要將Text放在Material為根的組件中,Text就會(huì)繼承Material的主題荐开,否則Text會(huì)使用默認(rèn)TextDecoration,默認(rèn)的TextDecoration會(huì)有黃色雙下劃線晃听。
解決方案
所以我們有幾種解決方法:
1.使用Scaffold腳手架組件
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Sample Code'),
),
body: Center(
child: Text('You have pressed the button $_count times.')
),
backgroundColor: Colors.blueGrey.shade200,
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => _count++),
tooltip: 'Increment Counter',
child: const Icon(Icons.add),
),
);
}
2.修改根組件為Material組件
Widget build(BuildContext context) {
return Material(
type: MaterialType.transparency,
child: Container()
);
}
3.不使用默認(rèn)TextDecoration
Text("Text Content",
style: TextStyle(
decoration: TextDecoration.none,
)
);