number_ticker

Description:

number ticker

Number Ticker #



Number_ticker is a dart package that provides a Robinhood-like number ticker widget for displaying changing number.

Usage #
import 'package:flutter/material.dart';
import 'package:number_ticker/number_ticker.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(),
);
}
}

class MyHomePage extends StatefulWidget {
MyHomePage({Key key}) : super(key: key);

@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
final controller = NumberTickerController();

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Number Ticker Demo"),
),
body: ListView(
children: [
NumberTicker(controller: controller, initialNumber: 123, textStyle: TextStyle(fontSize: 24),),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
RaisedButton(onPressed: (){
controller.number = controller.number - 1;
}, child: Text('-'),),
RaisedButton(onPressed: (){
controller.number = controller.number + 1;
}, child: Text('+'),),
RaisedButton(onPressed: (){
controller.number = controller.number - 10;
}, child: Text('- 10'),),
RaisedButton(onPressed: (){
controller.number = controller.number + 10;
}, child: Text('+ 10'),),
],
),
],
),// This trailing comma makes auto-formatting nicer for build methods.
);
}
}

copied to clipboard
TODO #

✅ Support integer.
❌ Support decimal.
❌ Support negative number.