flutter-GridView(网格列表) 

import 'package:flutter/material.dart';

void main ()=> runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title:"Grid",
      home:Scaffold(
        appBar: AppBar(
          title:Text('Grid')
        ),
        // body:GridView.count(
        //   padding: const EdgeInsets.all(0.0),
        //   // 每行几个
        //   crossAxisCount: 3,
        //   //网格间距离
        //   crossAxisSpacing: 10.0,
        //   children: <Widget>[
        //     Icon(Icons.ac_unit),
        //     Icon(Icons.airport_shuttle),
        //     Icon(Icons.all_inclusive),
        //     Icon(Icons.beach_access),
        //     Icon(Icons.cake),
        //     Icon(Icons.free_breakfast),
        //   ],
        // )
        body: GridView(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3,
            mainAxisSpacing: 2.0,
            crossAxisSpacing: 2.0,
            //宽度和高度比
            childAspectRatio: 1,
          ),
          children: <Widget>[
            Image(
              image: AssetImage('images/2222.png'),
              fit: BoxFit.cover,
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
          ],
        ),
      )
    );
  }
}

 

import 'package:flutter/material.dart';

void main ()=> runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title:"Grid",
      home:Scaffold(
        appBar: AppBar(
          title:Text('Grid')
        ),
        // body:GridView.count(
        //   padding: const EdgeInsets.all(0.0),
        //   // 每行几个
        //   crossAxisCount: 3,
        //   //网格间距离
        //   crossAxisSpacing: 10.0,
        //   children: <Widget>[
        //     Icon(Icons.ac_unit),
        //     Icon(Icons.airport_shuttle),
        //     Icon(Icons.all_inclusive),
        //     Icon(Icons.beach_access),
        //     Icon(Icons.cake),
        //     Icon(Icons.free_breakfast),
        //   ],
        // )
        body: GridView(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3,
            mainAxisSpacing: 2.0,
            crossAxisSpacing: 2.0,
            //宽度和高度比
            childAspectRatio: 1,
          ),
          children: <Widget>[
            Image(
              image: AssetImage('images/2222.png'),
              fit: BoxFit.cover,
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
            Image(
              image: AssetImage('images/2222.png'),
            ),
          ],
        ),
      )
    );
  }
}


posted on 2020-07-02 16:17  秃了头也不退休  阅读(295)  评论(0)  编辑  收藏  举报

导航