animated_scrollable_timeline 2.0.1

Flutter plugin which provides infinity scrollable timeline widget. It can be useful for implementing real-time streaming components as timeline for playing video.

example/lib/main.dart

import 'package:animated_scrollable_timeline/animated_scrollable_timeline.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Animated Scrollable Timeline",
      theme: ThemeData.light(useMaterial3: true),
      darkTheme: ThemeData.dark(useMaterial3: true),
      home: Scaffold(
        appBar: AppBar(
          title: const Text("Animated Scrollable Timeline"),
        ),
        body: Stack(
          children: [
            Positioned(
              top: 150,
              left: 0,
              right: 0,
              bottom: 0,
              child: AnimatedTimeline(
                dateFormat: DateFormat('HH:mm:ss'),
              ),
            ),
            Positioned(
              top: 300,
              left: 0,
              right: 0,
              bottom: 0,
              child: AnimatedTimeline(
                dateFormat: DateFormat('HH:mm:ss'),
                divisionGap: 21,
                dividersAmount: 5,
              ),
            ),
            Positioned(
              top: 450,
              left: 0,
              right: 0,
              bottom: 0,
              child: AnimatedTimeline(
                dateFormat: DateFormat('mm:ss'),
                divisionGap: 21,
                dividersAmount: 10,
              ),
            ),
            AnimatedScrollableTimelineWidget(
              limitDateTime: () => DateTime.now(),
              scrollRight: true,
              scrollLeft: true,
              dateFormat: DateFormat('HH:mm:ss'),
            ),
          ],
        ),
      ),
    );
  }
}