Flutter 如何向appbar颤振添加多个文本值

Flutter 如何向appbar颤振添加多个文本值,flutter,appbar,flutter-appbar,Flutter,Appbar,Flutter Appbar,我是新加入Flitter的,希望创建一个包含2个不同文本值的应用程序栏,请参见以下内容: 到目前为止,我已经编写了以下代码: class HomePage extends StatelessWidget { final double toolbarOpacity = 2.0; @override Widget build(BuildContext context) { return Scaffold( appBar: PreferredSiz

我是新加入Flitter的,希望创建一个包含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),
        ),
      ),
    );
  }
}
这给了我以下结果:

有人能告诉我材料的来源,或者帮我达到我想要的产量吗


提前感谢。

您是否尝试过将一个列小部件作为标题,其中两个子部件是这样的两个文本小部件(我现在无法测试代码,但应该是这样的):

类主页扩展了无状态小部件{
最终不透明度为2.0;
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:
首选尺寸(
preferredSize:Size(双无穷大,114),
孩子:AppBar(
标题:错误,
标题:专栏(
儿童:[
正文(
“我的应用程序”,
样式:TextStyle(
颜色:titleTextColor,
fontWeight:titleTextFontWeight,
fontFamily:titleFontFamily,
字体大小:titleFontSize),
),
文本(“我的第二个文本”),
]
)
背景颜色:颜色。来自RGBO(232,232,242,1),
),
),
);
}
}

您是否尝试过将一个列小部件作为标题,其中两个子部件是两个文本小部件,如下所示(我现在无法测试代码,但应该是这样的):

类主页扩展了无状态小部件{
最终不透明度为2.0;
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:
首选尺寸(
preferredSize:Size(双无穷大,114),
孩子:AppBar(
标题:错误,
标题:专栏(
儿童:[
正文(
“我的应用程序”,
样式:TextStyle(
颜色:titleTextColor,
fontWeight:titleTextFontWeight,
fontFamily:titleFontFamily,
字体大小:titleFontSize),
),
文本(“我的第二个文本”),
]
)
背景颜色:颜色。来自RGBO(232,232,242,1),
),
),
);
}
}
您可以在以下位置查看实时预览:

您可以在以下位置查看实时预览:


当标题接受小部件时,您可以像这样在其中使用列小部件

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),
        ),
AppBar(
标题:错误,
标题:专栏(
儿童:[
正文(
“我的应用程序”,
样式:TextStyle(
颜色:titleTextColor,
fontWeight:titleTextFontWeight,
fontFamily:titleFontFamily,
字体大小:titleFontSize),
),
文本(“我的第二个文本”),
]
)
背景颜色:颜色。来自RGBO(232,232,242,1),
),
您可以使用PreferredSize来定义大小

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),
        ),
      ),
appBar:
首选尺寸(
preferredSize:Size(双无穷大,114),
孩子:AppBar(
标题:错误,
标题:专栏(
儿童:[
正文(
“我的应用程序”,
样式:TextStyle(
颜色:titleTextColor,
fontWeight:titleTextFontWeight,
fontFamily:titleFontFamily,
字体大小:titleFontSize),
),
文本(“我的第二个文本”),
]
)
背景颜色:颜色。来自RGBO(232,232,242,1),
),
),

当标题接受小部件时,您可以像这样在其中使用列小部件

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),
        ),
AppBar(
标题:错误,
标题:专栏(
儿童:[
正文(
“我的应用程序”,
样式:TextStyle(
颜色:titleTextColor,
fontWeight:titleTextFontWeight,
fontFamily:titleFontFamily,
字体大小:titleFontSize),
),
文本(“我的第二个文本”),
]
)
背景颜色:颜色。来自RGBO(232,232,242,1),
),
您可以使用PreferredSize来定义大小

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),
        ),
      ),
appBar:
首选尺寸(
preferredSize:Size(双无穷大,114),
孩子:AppBar(
标题:错误,
标题:专栏(
儿童:[
正文(
“我的应用程序”,
样式:TextStyle(
颜色:titleTextColor,
fontWeight:titleTextFontWeight,
fontFamily:titleFontFamily,
字体大小:titleFontSize),
),
文本(“我的第二个文本”),
]
)
背景颜色:颜色。来自RGBO(232,232,242,1),
),
),

这正是我想要的。我曾经尝试过Column小部件,但我把它放在了代码的错误部分。非常感谢您及时、准确的回复。这正是我想要的。我曾经尝试过Column小部件,但我把它放在了代码的错误部分。非常感谢您及时、准确的回复。