Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Dart 将小部件添加到卡的底部_Dart_Flutter - Fatal编程技术网

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选项。