rolly 0.1.1 copy "rolly: ^0.1.1" to clipboard
rolly: ^0.1.1 copied to clipboard

Numbers and text that animate the way they do on iOS. Digits roll, the line reflows, glyphs are born and die in place. No dependencies beyond Flutter's own.

example/lib/main.dart

import 'package:flutter/material.dart';

import 'playground.dart';
import 'theme.dart';

void main() => runApp(const RollyApp());

/// The rolly playground: every part of the transition on one screen.
class RollyApp extends StatelessWidget {
  const RollyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'rolly',
      debugShowCheckedModeBanner: false,
      themeMode: ThemeMode.system,
      theme: _theme(Brightness.light, Palette.light),
      darkTheme: _theme(Brightness.dark, Palette.dark),
      home: const PlaygroundPage(),
    );
  }

  static ThemeData _theme(Brightness brightness, Palette palette) {
    return ThemeData(
      useMaterial3: true,
      brightness: brightness,
      colorScheme: ColorScheme.fromSeed(
        seedColor: palette.accent,
        brightness: brightness,
      ),
      scaffoldBackgroundColor: palette.canvas,
      extensions: [palette],
    );
  }
}
2
likes
160
points
430
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Numbers and text that animate the way they do on iOS. Digits roll, the line reflows, glyphs are born and die in place. No dependencies beyond Flutter's own.

Repository (GitHub)
View/report issues

Topics

#animation #text #numbers #transitions #ui

License

MIT-0 (license)

Dependencies

characters, flutter

More

Packages that depend on rolly