ListTile Favorite Demo - StackOverflow

main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  int _itemLength;
  List<bool> _isFavorited = [];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: Text('ListTile Favorite Demo'),
        ),
        body: _itemLength != null
            ? ListView.builder(
                itemCount: _itemLength,
                itemBuilder: (context, index) => ListTile(
                  title: Text(index.toString()),
                  trailing: IconButton(
                    onPressed: () => setState(
                        () => _isFavorited[index] = !_isFavorited[index]),
                    icon: _isFavorited[index]
                        ? Icon(Icons.star)
                        : Icon(Icons.star_border),
                  ),
                ),
              )
            : StreamBuilder(
                initialData: 0,
                stream: Stream.fromFuture(
                  Future.delayed(
                      Duration(
                        seconds: 1,
                      ),
                      () => 20),
                ),
                builder: (context, snapshot) {
                  if (snapshot.data > 0) {
                    _itemLength = snapshot.data;
                    _isFavorited =
                        List<bool>.generate(_itemLength, (_) => false);
                    return ListView.builder(
                      itemCount: _itemLength,
                      itemBuilder: (context, index) => ListTile(
                        title: Text(index.toString()),
                        trailing: IconButton(
                          onPressed: () => setState(
                              () => _isFavorited[index] = !_isFavorited[index]),
                          icon: _isFavorited[index]
                              ? Icon(Icons.star)
                              : Icon(Icons.star_border),
                        ),
                      ),
                    );
                  }
                  return Center(child: CircularProgressIndicator());
                }),
      ),
    );
  }
}