flutter – GridView physics

main.dart

import 'dart:math';
import 'package:flutter/material.dart';

void main() {
  runApp(
      MaterialApp(
          theme: ThemeData(primarySwatch: Colors.green),
          home: Scaffold(
              appBar: AppBar(
                  title: const Text("Flutter - GridView Physics")
              ),
              body: bodyContent()
          )
      )
  );
}

bodyContent(){
  return GridView.builder(
      physics: const BouncingScrollPhysics(),
      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 3,
          crossAxisSpacing: 8,
          mainAxisSpacing: 8
      ),
      itemCount: 100,
      itemBuilder: (context, index) {
        return Container(
            color: Colors.primaries[
            Random().nextInt(Colors.primaries.length)
            ].shade700,
            child: Center(
                child: Text(
                    "${index+1}",
                    style: const TextStyle(color: Colors.white70)
                )
            )
        );
      }
  );
}

More flutter tutorials

• flutter – ConstrainedBox scroll
• flutter – SingleChildScrollView vertical
• flutter – DecoratedBox border
• flutter – BoxDecoration image
• flutter – BoxDecoration opacity
• flutter – BoxDecoration background color
• flutter – How to use FittedBox
• flutter – FittedBox text
• flutter – How to use LimitedBox
• flutter – How to use GridView
• flutter – GridView builder
• flutter – GridView item height
• flutter – GridView in column
• flutter – GridView onTap
• flutter – GridView disable scroll