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.
);
}
}
TODO
- [x] Support integer.
- [ ] Support decimal.
- [ ] Support negative number.
