Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.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
Android layout 在Gridview.count-颤振后放置一个按钮_Android Layout_Flutter - Fatal编程技术网

Android layout 在Gridview.count-颤振后放置一个按钮

Android layout 在Gridview.count-颤振后放置一个按钮,android-layout,flutter,Android Layout,Flutter,我有四张卡片,现在我想要一个按钮在末端和中心,它会是什么样子 在列中插入GridView.counter 将包覆面提取和主属性设置为true 将按钮放在列的内部和gridview的下方,而不是按钮的内部 将按钮放入中心小部件/设置crossAxisAlignment:crossAxisAlignment.Center import 'package:flutter/material.dart'; class Test extends StatefulWidget { @override

我有四张卡片,现在我想要一个按钮在末端和中心,它会是什么样子

  • 在列中插入GridView.counter
  • 将包覆面提取和主属性设置为true
  • 将按钮放在列的内部和gridview的下方,而不是按钮的内部
  • 将按钮放入中心小部件/设置crossAxisAlignment:crossAxisAlignment.Center

    import 'package:flutter/material.dart';
    
    class Test extends StatefulWidget {
      @override
      _TestState createState() => _TestState();
    }
    
    class _TestState extends State<Test> with SingleTickerProviderStateMixin{
    
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text("Page - 2"),
          ),
          body: SafeArea(
            child: Column(
              children: <Widget>[
                GridView.count(
                  shrinkWrap: true,
                  primary: true,
                  crossAxisCount: 2,
                  children: <Widget>[
                    Container(
                      color: Colors.red,
                    ),
                    Container(
                      color: Colors.green,
                    ),
                    Container(
                      color: Colors.blue,
                    ),
                    Container(
                      color: Colors.yellow,
                    ),
    
                  ],
                ),
                Divider(
                  color: Colors.grey.shade600,
                ),
                Center(
                  child: RaisedButton(
                    child: Text("Button"),
                    onPressed: (){},
                  ),
                )
              ],
            ),
          ),
        );
      }
    }
    
    导入“包装:颤振/材料.省道”;
    类测试扩展了StatefulWidget{
    @凌驾
    _TestState createState();
    }
    类_TestState使用SingleTickerProviderStateMixin扩展状态{
    小部件构建(构建上下文){
    返回脚手架(
    appBar:appBar(
    标题:正文(“第2页”),
    ),
    正文:安全区(
    子:列(
    儿童:[
    GridView.count(
    收缩膜:对,
    小学:对,
    交叉轴计数:2,
    儿童:[
    容器(
    颜色:颜色,红色,
    ),
    容器(
    颜色:颜色。绿色,
    ),
    容器(
    颜色:颜色,蓝色,
    ),
    容器(
    颜色:颜色,黄色,
    ),
    ],
    ),
    分隔器(
    颜色:Colors.grey.shade600,
    ),
    居中(
    孩子:升起按钮(
    子项:文本(“按钮”),
    按下:(){},
    ),
    )
    ],
    ),
    ),
    );
    }
    }
    

  • 尝试在scaffold内部使用浮动操作按钮是一个
    persistentFooterButton
    ?如果网格项增加,则需要使其可滚动,请确保将列置于单子ScrollView中,并将physics设置为scroll physics,gridview physics设置为never scroll。这样,singlechildscroll将可滚动,而不会滚动使整个屏幕滚动的栅格视图