Dart 将小部件添加到卡的底部
我正在寻找一种在卡片底部设置小部件的方法,我不知道这是否是我必须使用的小部件,但是,我拥有的代码如下:Dart 将小部件添加到卡的底部,dart,flutter,Dart,Flutter,我正在寻找一种在卡片底部设置小部件的方法,我不知道这是否是我必须使用的小部件,但是,我拥有的代码如下: Widget build(BuildContext context) { return GridView.count( primary: true, padding: const EdgeInsets.all(20.0), crossAxisSpacing: 1.0, childAspectRatio: 1.5, crossA
Widget build(BuildContext context) {
return GridView.count(
primary: true,
padding: const EdgeInsets.all(20.0),
crossAxisSpacing: 1.0,
childAspectRatio: 1.5,
crossAxisCount: 1,
children: <Widget>[
Card(
child: new Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
const ListTile(
leading: const Icon(Icons.album),
title: const Text('The Enchanted Nightingale'),
subtitle: const Text('Music by Julie Gable. Lyrics by Sidney Stein.'),
),
new ButtonTheme.bar( // make buttons use the appropriate styles for cards
child: new ButtonBar(
children: <Widget>[
new FlatButton(
child: const Text('BUY TICKETS'),
onPressed: () { /* ... */ },
),
new FlatButton(
child: const Text('LISTEN'),
onPressed: () { /* ... */ },
),
],
),
),
],
),
)
]
);
}
小部件构建(构建上下文){
返回GridView.count(
小学:对,
填充:常数边集全部(20.0),
交叉轴间距:1.0,
儿童方面:1.5,
交叉轴计数:1,
儿童:[
卡片(
子:新列(
mainAxisSize:mainAxisSize.min,
儿童:[
常量列表(
前导:const图标(Icons.album),
标题:康斯特文本(“迷人的夜莺”),
字幕:康斯特文本(“朱莉·盖博的音乐,西德尼·斯坦的歌词”),
),
new ButtonTheme.bar(//使按钮对卡片使用适当的样式
孩子:新纽扣吧(
儿童:[
新扁平按钮(
孩子:const Text(‘买票’),
按下:(){/*…*/},
),
新扁平按钮(
child:const Text('LISTEN'),
按下:(){/*…*/},
),
],
),
),
],
),
)
]
);
}
因此,我想添加一些类似于bottom:Text('I is the bottom')的内容
这就是我想要的,在底部有一个小部件,并在里面添加子部件。
我将非常感谢您的帮助。您可以使用一个扩展的
小部件包装您的列表
@override
Widget build(BuildContext context) {
return Center(
child: Container(
child: GridView.count(
primary: true,
padding: const EdgeInsets.all(20.0),
crossAxisSpacing: 1.0,
childAspectRatio: 1.5,
crossAxisCount: 1,
children: <Widget>[
Card(
child: new Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Expanded(
child: const ListTile(
leading: const Icon(Icons.album),
title: const Text('The Enchanted Nightingale'),
subtitle: const Text(
'Music by Julie Gable. Lyrics by Sidney Stein.'),
),
),
Container(
color: Colors.blue,
child: new ButtonBar(
children: <Widget>[
new FlatButton(
child: const Text('BUY TICKETS'),
onPressed: () {/* ... */},
),
new FlatButton(
child: const Text('LISTEN'),
onPressed: () {/* ... */},
),
],
),
)
],
),
)
])));
@覆盖
小部件构建(构建上下文){
返回中心(
子:容器(
子项:GridView.count(
小学:对,
填充:常数边集全部(20.0),
交叉轴间距:1.0,
儿童方面:1.5,
交叉轴计数:1,
儿童:[
卡片(
子:新列(
mainAxisSize:mainAxisSize.min,
儿童:[
扩大(
子:const listile(
前导:const图标(Icons.album),
标题:康斯特文本(“迷人的夜莺”),
字幕:const Text(
“朱莉·盖博的音乐。西德尼·斯坦的歌词。”),
),
),
容器(
颜色:颜色,蓝色,
孩子:新纽扣吧(
儿童:[
新扁平按钮(
孩子:const Text(‘买票’),
按下:(){/*…*/},
),
新扁平按钮(
child:const Text('LISTEN'),
按下:(){/*…*/},
),
],
),
)
],
),
)
])));
我只是添加了一个带有自定义颜色的容器来查看底部部分。我得到了我的解决方案,使用了一个脚手架并使用了它自己的底部导航栏
Card(
child: Scaffold(
bottomNavigationBar: Text('This is my text'),
body: new Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
const ListTile(
leading: const Icon(Icons.album),
title: const Text('The Enchanted Nightingale'),
subtitle: const Text('Music by Julie Gable. Lyrics by Sidney Stein.'),
),
new ButtonTheme.bar( // make buttons use the appropriate styles for cards
child: new ButtonBar(
children: <Widget>[
new FlatButton(
child: const Text('BUY TICKETS'),
onPressed: () { /* ... */ },
),
new FlatButton(
child: const Text('LISTEN'),
onPressed: () { /* ... */ },
),
],
),
),
],
),
)
)
卡(
孩子:脚手架(
bottomNavigationBar:Text(“这是我的文本”),
正文:新栏目(
mainAxisSize:mainAxisSize.min,
儿童:[
常量列表(
前导:const图标(Icons.album),
标题:康斯特文本(“迷人的夜莺”),
字幕:康斯特文本(“朱莉·盖博的音乐,西德尼·斯坦的歌词”),
),
new ButtonTheme.bar(//使按钮对卡片使用适当的样式
孩子:新纽扣吧(
儿童:[
新扁平按钮(
孩子:const Text(‘买票’),
按下:(){/*…*/},
),
新扁平按钮(
child:const Text('LISTEN'),
按下:(){/*…*/},
),
],
),
),
],
),
)
)
你有关于你想要什么的图像吗?让我来创建一个吧我刚刚用图像编辑了这篇文章还有一个建议。与你的问题无关。crossAxisCount=1的GirdView等于ListView
我以为你想要你的小部件作为列表的一个项目,否则scaffold bottomNavigationBar就是best选项。