颤振位置网格元素

Question

我需要将某些元素推入或放置在我的小部件内，主要的想法是将它们放在视图的底部

想法是将蓝色框的元素放置在另一个蓝色框中

class Principal extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    final screenWidth = MediaQuery.of(context).size.width;
    final screenHeight = MediaQuery.of(context).size.height;

    final List<String> _listItem = [
      'assets/foto.jpg',
      'assets/foto2.jpg',
      'assets/foto3.png',
      'assets/foto4.jpg',
    ];


    return Stack(
     children: <Widget>[
       Scaffold(
         body: SafeArea(
           child: Stack(
             children: <Widget>[
               _containerImg(context,screenWidth,screenHeight),

               _table(_listItem),

             ],
           ),
         ),
       ),
     ],
    );
  }

  Widget _containerImg(BuildContext context,ScreenWidth,ScreenHeight){
    return  Container(
      height: ScreenHeight,
      width: ScreenWidth,
      decoration: BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/480359.jpg'),
          fit: BoxFit.cover,
        ),
      ),
    );
  }

  Widget _table(List<String> _listItem){

  return GridView.count(crossAxisCount: 4,
  padding: EdgeInsets.all(5.0),

    crossAxisSpacing: 1.0,
    mainAxisSpacing: 1.0,

    children: _listItem.map((item) =>  Card(
          child: Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(50.0),
                image: DecorationImage(
                  image: AssetImage(item),
                  fit: BoxFit.cover,
              ),
            ),
          ),
      ),

    ).toList()

  );


  }
}

我留下了代码示例，我试图放置一个SizedBox，并在Widget的中间放置一个扩展的，但没有用

Answer 1