flutter - Flutterのテキストウィジェットの下に黄色い線がありますか?

Question

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

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

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

Answer 1

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

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

Answer 2

黄色の線は_errorTextStyleから来ています。DefaultTextStyleドキュメントには、親を定義する必要がある（またはMaterial、これを行う を使用する）必要があると記載されています。

MaterialApp は、この TextStyle をその DefaultTextStyle として使用して、開発者が DefaultTextStyle に意図的に取り組むよう促します。

マテリアル デザインでは、ほとんどのテキスト ウィジェットは、特定の DefaultTextStyle を設定するマテリアル ウィジェットに含まれています。このテキスト スタイルを使用するテキストが表示されている場合は、テキストを Material ウィジェット (または DefaultTextStyle を設定する別のウィジェット) に配置することを検討してください。

マテリアルなしで Flutter アプリを開発することは、ほとんどの人が行うことではありませんが、それがユース ケースである場合は、 を使用する必要がありますDefaultTextStyle。

受け入れられた答えに反して、 をTheme設定DefaultTextStyleしないため、問題は解決しません。Scaffoldが含まれているため、問題は解決しますがMaterial、これは を定義しますDefaultTextStyleが、、 などScaffoldに必要な量よりも少し多くなります。DialogHero

アプリ全体でこれを永続的に解決するにDefaultTextStyleは、MaterialApp builder. これにより、作業中の現在の画面だけでなく、アプリのすべてのコンポーネントの問題が解決されます。