我有下面的应用程序栏在Flutter,并试图对齐的潜台词“你想要的企业名称”下的标题输入.我已经尝试了不同的方法,但仍然不能得到对齐.它应该有“输入”在顶部,然后对齐中心的潜台词
下面是我的当前代码
Widget build(BuildContext context) {
return Scaffold(
appBar: PreferredSize(
preferredSize: Size.fromHeight(75.0),
child: AppBar(
centerTitle: true,
title: Text('enter'),
actions: <Widget>[
new Container(),
new Center(
child: Text(
'Your desired business name',
textAlign: TextAlign.center,
style: new TextStyle(
fontSize: 14.0,
color: Colors.white,
),
)),
],
)),
);
}
8条答案
按热度按时间t5zmwmid1#
要对齐
AppBar
标题下的文本,您可以使用AppBar的bottom
属性,该属性将PreferredSize
widget作为参数,还可以帮助您根据需要调整AppBar的高度。这是密码
b1uwtaje2#
菜单栏的动作小部件在右边对齐,据我所知,这是不可能获得您的desidered布局。
如果你考虑一个带有标题和副标题的基于列的小部件:
在这个例子中,有一个
GestureDetector
用于为字幕给予交互性,因为它似乎是你正在尝试做的事情。l3zydbqr3#
我使用此代码添加字幕和显示UserIcon
//
name,status and userPic are variable's
Output
jqjz2hbq4#
您应该添加列视图。
8ulbf1ek5#
在这些情况下,我更喜欢使用ListTile:
如果你需要文本部件居中,只需将其包裹在一个中心部件中。
whlutmcx6#
https://stackoverflow.com/a/53880971/9185192中的答案可以工作,但在Dart中使用null安全着陆时,不允许将
preferredSize
设置为null
。因此,解决方案是将
preferredSize
设置为零或任何其他有效数字。piztneat7#
不知道为什么没有人提到
ListTile
作为一个可能的解决方案。它提供了title
和subtitle
正如我们所需要的。fhity93d8#