القوائم والشبكات

ListView(
  children: [
    ListTile(title: Text("عنصر 1")),
    ListTile(title: Text("عنصر 2")),
  ],
)

final items = ["تفاح", "موز", "برتقال"];

ListView.builder(
  itemCount: items.length,
  itemBuilder: (context, index) {
    return ListTile(
      leading: Icon(Icons.shopping_cart),
      title: Text(items[index]),
    );
  },
)

GridView.builder(
  gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,        // عمودان
    crossAxisSpacing: 8,
    mainAxisSpacing: 8,
  ),
  itemCount: items.length,
  itemBuilder: (context, index) => Card(child: Text(items[index])),
)

ListTile(
  leading: Icon(Icons.person),
  title: Text("براء"),
  subtitle: Text("مطوّر"),
  trailing: Icon(Icons.arrow_forward),
  onTap: () {},
)