ListView Custom Widget in Flutter

ListView.custom0 build ListViews with custom functionality.

 

sliverChildDelegate

 

  • SliverChildListDelegate
  • SliverChildBuilderDelegate

 

Example:

 

import 'dart:html';


import 'package:flutter/material.dart';


void main() => DemoApp();


class DemoApp extends StatefulWidget {

  @override

  State<StatefulWidget> createState() {

    return DemoAppState();

  }

}


class DemoAppState extends State<DemoApp> {

  final item = List<String>.generate(30, (i) => 'Item $i');

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: Scaffold(

        appBar: AppBar(

          title: const Text("Demo App"),

        ),

        body: ListView.custom(childrenDelegate: SliverChildBuilderDelegate(

          (context, index) {

            return Card(

              color: Colors.lightBlueAccent,

              child: Padding(

                padding: EdgeInsets.all(50),

                child: Text(item[index]),

              ),

            );

          },

        )),

      ),

    );

  }

}


Video Link:

Post a Comment (0)
Previous Post Next Post