شبكة عناصر GridView

الصياغة

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: int),
  itemCount: int,
  itemBuilder: (context, index) => Widget,
)

📄 مثال

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,
    crossAxisSpacing: 8,
    mainAxisSpacing: 8,
  ),
  itemCount: 10,
  itemBuilder: (context, index) => Card(child: Center(child: Text('$index'))),
)

أهم المعاملات

💡 نصائح عملية

• استخدم GridView.builder دائمًا للشبكات الطويلة أو الديناميكية لنفس سبب ListView.builder

خصائص ذات صلة