Flutterのテキストウィジェットの下の黄色い線？

私の最初のフラッターアプリに取り組んでいます。アプリのメイン画面にはこの問題はありません。すべてのテキストが正しく表示されます。

しかし、私が開発しているこの新しい画面では、すべてのテキストウィジェットの下に奇妙な黄色の線/二重線があります。

なぜこれが起こっているのかについてのアイデアはありますか？

問題はありませんScaffoldか。 Scaffold以下のためのヘルパーですMaterialアプリケーション（AppBar、Drawerものの、その種が）。しかし、あなたは使用を強制されませんMaterial。

不足しているのは、Theme親としてのインスタンスです。

なぜそれが重要なのですか？（showDialogたとえばを使用して）モーダルを開発する場合、同じ問題に直面するためです。しかし、足場は不透明なフルスクリーンウィジェットです！そして、あなたはあなたのモーダルにそれを望まないのは明らかです。

テーマインスタンスを導入する方法はたくさんあります。Material Appでは、これは通常、Materialウィジェットをインスタンス化することによって実現されます。そして、何を推測しますか？Scaffoldあなたのために作成します。しかし、Dialogあまりにも！

Materialルート要素としてウィジェットを追加します。

@override
  Widget build(BuildContext context) {
    return Material(
        type: MaterialType.transparency,
        child: new Container(

Scaffold単純なMaterialウィジェットのようなマテリアルテーマを提供する（通常はより良い）またはその他のコンポーネントを使用できます。

次に例を示します。いずれかを使用してください。

var text = Scaffold(body: Text("Hi"),);
var text2 = Material(child: Text("Hi"),);

回避策として、次のものを使用できます。

Text(
  'Your text',
  style: TextStyle(decoration: TextDecoration.none), // removes yellow line
)

テキストスタイルには、なしに設定できる装飾引数があります

Text("My Text",
  style: TextStyle(
    decoration: TextDecoration.none,
  )
);

また、他の人が述べたように、テキストウィジェットがスキャフォールドまたはマテリアルウィジェットのツリーにある場合、装飾テキストスタイルは必要ありません。

また、装飾を使用することもできます：TextDecoration.noneで下線を削除します

私が遭遇する別の方法をこれらの答えに追加するだけです。

ルートウィジェットをDefaultTextStyleウィジェットでラップします。ここでは、各テキストウィジェットを変更する必要はありません。

DefaultTextStyle(
    style: TextStyle(decoration: TextDecoration.none), 
    child : Your_RootWidget
)

それが誰かを助けることを願っています。

main.dartファイルにMaterialウィジェットとScaffoldウィジェットを追加する必要があります

 MaterialApp(
  home: Scaffold(
    body: Text('Hello world'),
  ),
);

これには別の解決策があります。特に、main.dartファイルにラップされた複数のページを使用している場合は、次のようなことができます。

  child: MaterialApp(
    home: Material(child: Wrapper()),
  ),

これにより、ラッパーで参照/使用されるページに存在するテキストの下の黄色い線が削除されます。

マテリアルルートウィジェットを追加するだけです。

      @override
       Widget build(BuildContext context) {
      return Material(
         child: new Container(),
        );
       }

2つの方法が利用可能です。

画面の親で足場を使用し、ウィジェットの親にマテリアルを使用する