loading_text_shifter 1.0.1 copy "loading_text_shifter: ^1.0.1" to clipboard
loading_text_shifter: ^1.0.1 copied to clipboard

A vertically shifting loading indicator that cycles through messages with smooth fades, animated text styles, and async per-step gating.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:loading_text_shifter/loading_text_shifter.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'LoadingTextShifter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
      ),
      home: const ExampleScreen(),
    );
  }
}

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

  static const List<String> _messages = [
    'Loading...',
    'Checking your account...',
    'Getting things ready...',
    'Almost there...',
    'Thanks for your patience...',
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: Center(
        child: LoadingTextShifter(
          messages: _messages,
          loop: false,
          shiftDuration: const Duration(seconds: 2),
          animationDuration: const Duration(milliseconds: 500),
          height: 120,
          backgroundColor: Colors.white,
          centerTextStyle: const TextStyle(
            fontSize: 18,
            fontWeight: FontWeight.w600,
            color: Colors.black87,
          ),
          adjacentTextStyle: const TextStyle(
            fontSize: 16,
            fontWeight: FontWeight.w400,
            color: Colors.black54,
          ),
          onShift: (index, message) {
            debugPrint('Shifted to [$index]: $message');
          },
        ),
      ),
    );
  }
}
2
likes
160
points
18
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A vertically shifting loading indicator that cycles through messages with smooth fades, animated text styles, and async per-step gating.

Repository (GitHub)
View/report issues

Topics

#loading #animation #widget #ui

License

MIT (license)

Dependencies

flutter

More

Packages that depend on loading_text_shifter