Flutter list animation

animated_list_screen.dart

class ListScreen extends StatelessWidget {
  final DataSource _dataSource = DataSource();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('List Animation', style: TextStyle(fontWeight: FontWeight.bold)),
      ),
      body: FutureBuilder<List<String>>(
        initialData: [],
        future: _dataSource.getCountriesFuture(),
        builder: (context, snapshot) {
          final List<String> countries = snapshot.data;
          return LiveList(
            itemCount: countries.length,
            itemBuilder: (context, index, animation) {
              return FadeTransition(
                opacity: animation,
                child: SlideTransition(
                  position: Tween<Offset>(
                    begin: Offset(0, 0.3),
                    end: Offset.zero,
                  ).animate(animation),
                  child: ListItem(
                    title: countries[index],
                  ),
                ),
              );
            },
          );
        },
      ),
    );
  }
}

animated_list_with_options.dart

  LiveSliverList.options(
    options: LiveOptions(
      delay: Duration.zero,
      reAnimateOnVisibility: false,
      showItemDuration: Duration(milliseconds: 500),
      showItemInterval: Duration(milliseconds: 50),
    ),
    controller: _scrollController,
    itemCount: countries.length,
    itemBuilder: (context, index, animation) {
      return FadeTransition(
        opacity: animation,
        child: SlideTransition(
          position: Tween<Offset>(
            begin: Offset(0, 0.3),
            end: Offset.zero,
          ).animate(animation),
          child: ListItem(
            title: countries[index],
          ),
        ),
      );
    },
  );

animated_sliver_list_screen.dart

class SliverListScreen extends StatefulWidget {
  @override
  _SliverListScreenState createState() => _SliverListScreenState();
}

class _SliverListScreenState extends State<SliverListScreen> {
  final DataSource _dataSource = DataSource();
  ScrollController _scrollController;

  @override
  void initState() {
    _scrollController = ScrollController();
    super.initState();
  }

  @override
  void dispose() {
    _scrollController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        controller: _scrollController,
        slivers: <Widget>[
          SliverAppBar(
              expandedHeight: 120,
              flexibleSpace: FlexibleSpaceBar(
                title: Text('List Animation', style: TextStyle(fontWeight: FontWeight.bold)),
              )),
          FutureBuilder<List<String>>(
            initialData: [],
            future: _dataSource.getCountriesFuture(),
            builder: (context, snapshot) {
              final List<String> countries = snapshot.data;
              return LiveSliverList(
                controller: _scrollController,
                itemCount: countries.length,
                itemBuilder: (context, index, animation) {
                  return FadeTransition(
                    opacity: animation,
                    child: SlideTransition(
                      position: Tween<Offset>(
                        begin: Offset(0, 0.3),
                        end: Offset.zero,
                      ).animate(animation),
                      child: ListItem(
                        title: countries[index],
                      ),
                    ),
                  );
                },
              );
            },
          ),
        ],
      ),
    );
  }
}

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
    
  auto_animated: ^2.0.2