flutter - appbar Flutter に複数のテキスト値を追加する方法

Question

私はフラッターが初めてで、2 つの異なるテキスト値を持つアプリ バーを作成したいと考えています。以下を参照してください。

これまでのところ、次のコードを書きました。

    class HomePage extends StatelessWidget {
  final double toolbarOpacity = 2.0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar:
      PreferredSize(
        preferredSize: Size(double.infinity, 114),
        child: AppBar(
          centerTitle: false,
          title: Text(
            'My App',
            style: TextStyle(
                color: titleTextColor,
                fontWeight: titleTextFontWeight,
                fontFamily: titleFontFamily,
                fontSize: titleFontSize),
          ),
           backgroundColor: Color.fromRGBO(232, 232, 242, 1),
        ),
      ),
    );
  }
}

これにより、次の結果が得られました。

誰かが私に資料を案内してくれるか、希望の結果を達成するのを手伝ってくれませんか?

前もって感謝します。

Answer 1

次のように、2 つの子が 2 つのテキスト ウィジェットであるタイトルとして列ウィジェットを配置しようとしましたか (コードを今すぐテストすることはできませんが、次のようなものにする必要があります)。

class HomePage extends StatelessWidget {
  final double toolbarOpacity = 2.0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar:
      PreferredSize(
        preferredSize: Size(double.infinity, 114),
        child: AppBar(
          centerTitle: false,
          title: Column(
            children: <Widget>[
                Text(
                'My App',
                style: TextStyle(
                    color: titleTextColor,
                    fontWeight: titleTextFontWeight,
                    fontFamily: titleFontFamily,
                    fontSize: titleFontSize),
              ),
              Text("My second text"),
            ]
           )
           backgroundColor: Color.fromRGBO(232, 232, 242, 1),
        ),
      ),
    );
  }
}