gridview fix flutter

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

class Grid4 extends StatelessWidget { void tapped(int index){ if(index == 1){ print("huray 1"); } else { print("not the one :("); } } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(), body: Container( padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10), color: Colors.orange, child: GridView.builder( itemCount: 25, itemBuilder: (context, index) => GestureDetector( onTap: () => tapped(index), child: Container(decoration: BoxDecoration( color: Colors.white70, shape: BoxShape.circle))), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 5, mainAxisSpacing: 40, crossAxisSpacing: 50, ), ), ), ); } }

Code answers related to "gridview fix flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Answers for "gridview fix flutter"

Code answers related to "gridview fix flutter"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us