Flutter 如何向appbar颤振添加多个文本值
我是新加入Flitter的,希望创建一个包含2个不同文本值的应用程序栏,请参见以下内容: 到目前为止,我已经编写了以下代码: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
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小部件,但我把它放在了代码的错误部分。非常感谢您及时、准确的回复。