GridView.builder

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,       // عدد الأعمدة
    mainAxisSpacing: 10.0,   // المسافة الرأسية بين العناصر
    crossAxisSpacing: 10.0,  // المسافة الأفقية بين العناصر
    childAspectRatio: 1.0,   // نسبة العرض إلى الارتفاع
  ),
  itemCount: items.length,   // عدد العناصر في الشبكة
  itemBuilder: (context, index) {
    return SomeWidget(item: items[index]); // بناء عنصر معين
  },
);

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,       // عدد الأعمدة
    mainAxisSpacing: 10.0,   // المسافة الرأسية بين العناصر
    crossAxisSpacing: 10.0,  // المسافة الأفقية بين العناصر
    childAspectRatio: 1.0,   // نسبة العرض إلى الارتفاع
  ),
  itemCount: items.length,   // عدد العناصر في الشبكة
  itemBuilder: (context, index) {
    return SomeWidget(item: items[index]); // بناء عنصر معين
  },
);

itemBuilder: (context, index) {
  return Card(
    child: Center(child: Text('عنصر ${index + 1}')),
  );
}

itemBuilder: (context, index) {
  return Card(
    child: Center(child: Text('عنصر ${index + 1}')),
  );
}

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  final List<String> items = List.generate(50, (index) => 'عنصر ${index + 1}');

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('GridView.builder مثال')),
        body: Padding(
          padding: const EdgeInsets.all(10.0),
          child: GridView.builder(
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 3,
              crossAxisSpacing: 10,
              mainAxisSpacing: 10,
              childAspectRatio: 1,
            ),
            itemCount: items.length,
            itemBuilder: (context, index) {
              return Container(
                color: Colors.teal[100 * ((index % 8) + 1)],
                child: Center(
                  child: Text(
                    items[index],
                    style: TextStyle(fontSize: 16),
                  ),
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  final List<String> items = List.generate(50, (index) => 'عنصر ${index + 1}');

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('GridView.builder مثال')),
        body: Padding(
          padding: const EdgeInsets.all(10.0),
          child: GridView.builder(
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 3,
              crossAxisSpacing: 10,
              mainAxisSpacing: 10,
              childAspectRatio: 1,
            ),
            itemCount: items.length,
            itemBuilder: (context, index) {
              return Container(
                color: Colors.teal[100 * ((index % 8) + 1)],
                child: Center(
                  child: Text(
                    items[index],
                    style: TextStyle(fontSize: 16),
                  ),
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}