小编T.I*_*.Im的帖子

如何在 Flutter 应用程序中创建响应式网格?

使 Flutter 应用程序响应的最佳实践是什么?下面的代码是一个带有硬编码值StraggeredGridView

我应该编写一个根据屏幕大小计算值的方法,还是有其他方法可以这样做?

谢谢你的帮助!

  StaggeredGridView.count(
    crossAxisCount: 2,
    crossAxisSpacing: 20,
    mainAxisSpacing: 20,
    padding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 20),
    //shrinkWrap: true,
    children: <Widget>[
      _buildTile(
          Padding(
              padding: const EdgeInsets.all(20.0),
            child: Column(children: <Widget>[
              Material(
                  color: Color.fromRGBO(123, 228, 193, 0.5),
                  child: Padding(
                    padding: const EdgeInsets.all(15.0),
                    child: Image.asset(
                      'assets/siren.png',
                      height: 40,
                    ),
                  )),
              Padding(padding: EdgeInsets.only(bottom: 10.0)),
              Text('NOTRUF', style: tileFontStyle),
            ]),
          ),),
Run Code Online (Sandbox Code Playgroud)

responsive-design dart flutter flutter-layout

4
推荐指数
3
解决办法
6711
查看次数

标签 统计

dart ×1

flutter ×1

flutter-layout ×1

responsive-design ×1