flutter_number_animation 0.0.6 copy "flutter_number_animation: ^0.0.6" to clipboard
flutter_number_animation: ^0.0.6 copied to clipboard

With this package you can display numbers or any other text more nicely

example/lib/main.dart

import 'dart:async';
import 'dart:math';

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

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Number Animation',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Home(),
    );
  }
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  String value = '1000';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text('Flutter number animation'),
          backgroundColor: Colors.deepPurpleAccent,
        ),
        body: Container(
            child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              NumberAnimation(value,
                  textStyle: TextStyle(fontSize: 60, color: Colors.deepOrange), timeBetweenSlides: Duration(milliseconds: 400)),
              SizedBox(height: 100),
              MaterialButton(
                  child: Text('Randomize number', style: TextStyle(color: Colors.white)),
                  color: Colors.deepPurple,
                  onPressed: () {
                    setState(() {
                      value = Random().nextInt(1000000).toString();
                    });
                  }),
              SizedBox(height: 30),
              MaterialButton(
                  child: Text('Test', style: TextStyle(color: Colors.white)),
                  color: Colors.deepPurple,
                  onPressed: () {
                    setState(() {});
                  })
            ],
          ),
        )));
  }
}
6
likes
30
pub points
29%
popularity

Publisher

unverified uploader

With this package you can display numbers or any other text more nicely

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_number_animation