how to make grid flutter

GridView.count( primary: false, padding: const EdgeInsets.all(20), crossAxisSpacing: 10, mainAxisSpacing: 10, crossAxisCount: 2, children: <Widget>[ Container( padding: const EdgeInsets.all(8), child: const Text("He'd have you all unravel at the"), color: Colors.teal[100], ), Container( padding: const EdgeInsets.all(8), child: const Text('Heed not the rabble'), color: Colors.teal[200], ), Container( padding: const EdgeInsets.all(8), child: const Text('Sound of screams but the'), color: Colors.teal[300], ), Container( padding: const EdgeInsets.all(8), child: const Text('Who scream'), color: Colors.teal[400], ), Container( padding: const EdgeInsets.all(8), child: const Text('Revolution is coming...'), color: Colors.teal[500], ), Container( padding: const EdgeInsets.all(8), child: const Text('Revolution, they...'), color: Colors.teal[600], ), ], )

GridView.count( // Create a grid with 2 columns. If you change the scrollDirection to // horizontal, this produces 2 rows. crossAxisCount: 2, // Generate 100 widgets that display their index in the List. children: List.generate(100, (index) { return Center( child: Text( 'Item $index', style: Theme.of(context).textTheme.headline5, ), ); }), );

grid view in flutter

CustomScrollView(
  primary: false,
  slivers: <Widget>[
    SliverPadding(
      padding: const EdgeInsets.all(20),
      sliver: SliverGrid.count(
        crossAxisSpacing: 10,
        mainAxisSpacing: 10,
        crossAxisCount: 2,
        children: <Widget>[
          Container(
            padding: const EdgeInsets.all(8),
            child: const Text("He'd have you all unravel at the"),
            color: Colors.green[100],
          ),
          Container(
            padding: const EdgeInsets.all(8),
            child: const Text('Heed not the rabble'),
            color: Colors.green[200],
          ),
          Container(
            padding: const EdgeInsets.all(8),
            child: const Text('Sound of screams but the'),
            color: Colors.green[300],
          ),
          Container(
            padding: const EdgeInsets.all(8),
            child: const Text('Who scream'),
            color: Colors.green[400],
          ),
          Container(
            padding: const EdgeInsets.all(8),
            child: const Text('Revolution is coming...'),
            color: Colors.green[500],
          ),
          Container(
            padding: const EdgeInsets.all(8),
            child: const Text('Revolution, they...'),
            color: Colors.green[600],
          ),
        ],
      ),
    ),
  ],
)

Posted by: Guest on December-11-2020

Source

Code answers related to "how to make grid flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "how to make grid flutter"

Code answers related to "how to make grid flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us