شرح استخدام ويدجت ListView.custom في فلاتر

ListView.custom(
        childrenDelegate: SliverChildBuilderDelegate(
          (BuildContext context, int index) {
            return ListTile(
              title: Text(_dataList[index]),
              subtitle: Text('This is a custom list item.'),
              trailing: Icon(Icons.arrow_forward),
              onTap: () {
                // Do something when the item is tapped
              },
            );
          },
          childCount: _dataList.length,
        ),
      ),

ListView.custom(
  childrenDelegate: SliverChildBuilderDelegate(
    (BuildContext context, int index) {
      return ListTile(
        title: Text(_dataList[index]['title']),
        subtitle: Text(_dataList[index]['subtitle']),
        trailing: Icon(Icons.arrow_forward),
        onTap: () {
          // يمكن إضافة أي عملية تريد تنفيذها عند الضغط على العنصر هنا
        },
      );
    },
    childCount: _dataList.length,
  ),
)

ListView.custom(
  cacheExtent: 100,
  childrenDelegate: SliverChildBuilderDelegate(
    (BuildContext context, int index) {
      return ListTile(
        title: Text(_dataList[index]['title']),
        subtitle: Text(_dataList[index]['subtitle']),
        trailing: Icon(Icons.arrow_forward),
        onTap: () {
          // يمكن إضافة أي عملية تريد تنفيذها عند الضغط على العنصر هنا
        },
      );
    },
    childCount: _dataList.length,
  ),
)

ListView.custom(
  semanticChildCount: _dataList.length,
  childrenDelegate: SliverChildBuilderDelegate(
    (BuildContext context, int index) {
      return ListTile(
        title: Text(_dataList[index]['title']),
        subtitle: Text(_dataList[index]['subtitle']),
        trailing: Icon(Icons.arrow_forward),
        onTap: () {
          // يمكن إضافة أي عملية تريد تنفيذها عند الضغط على العنصر هنا
        },
      );
    },
    childCount: _dataList.length,
  ),
)

ListView.custom(
  itemExtent: 50,
  childrenDelegate: SliverChildBuilderDelegate(
    (BuildContext context, int index) {
      return ListTile(
        title: Text(_dataList[index]['title']),
        subtitle: Text(_dataList[index]['subtitle']),
        trailing: Icon(Icons.arrow_forward),
        onTap: () {
          // يمكن إضافة أي عملية تريد تنفيذها عند الضغط على العنصر هنا
        },
      );
    },
    childCount: _dataList.length,
  ),
)

import 'package:flutter/material.dart';

void main() {
  runApp(CustomListViewApp());
}

class CustomListViewApp extends StatelessWidget {
  final List<String> _itemList = [
    'Item 1',
    'Item 2',
    'Item 3',
    'Item 4',
    'Item 5',
    'Item 6',
    'Item 7',
    'Item 8',
    'Item 9',
    'Item 10',
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Custom ListView Example',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Custom ListView Example'),
        ),
        body: ListView.custom(
          childrenDelegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              return ListTile(
                title: Text(_itemList[index]),
              );
            },
            childCount: _itemList.length,
          ),
        ),
      ),
    );
  }
}