A simple number ticker for flutter app.

Overview

Number Ticker

pub package likes pub points

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

m

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

  • Support integer.
  • Support decimal.
  • Support negative number.
You might also like...

Simple Netflix UI clone application with API for fetching realtime movies data from the internet

Simple Netflix UI clone application with API for fetching realtime movies data from the internet

Netflix Movies Simple Netflix UI clone application with API for fetching realtime movies data from the internet. Features -Used MVVM architecture patt

Nov 8, 2021

A simple UI design with Login, Sign up and Home screens

A simple UI design with Login, Sign up and Home screens

assessment_task A simple UI design with Login, Sign up and Home screens. 📸 ScreenShots If you find this repo helpful to you, please don't forget to s

Nov 2, 2022

A simple package that provides you with some widgets and cutom clippers which implements the shape of a coupon card.

A simple package that provides you with some widgets and cutom clippers which implements the shape of a coupon card.

Coupon UI Kit A simple package that provides you with some widgets and cutom clippers which implements the shape of a coupon card. The example contain

Dec 20, 2022

A simple UI design of the Origin Games Homepage.

A simple UI design of the Origin Games Homepage.

Origin Home UI A simple UI design of the Origin Games Homepage. I didn't have internet data 😥 to do what I was doing so I decided to have some fun 😉

Oct 8, 2022

Complete project of simple xylophone

xylophone A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Nov 26, 2021

A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram.

A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram.

Calculator UI A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram. Just thought why not making it into an app? So, just buil

May 2, 2022

Flutter-business-card-app - Flutter + Dart business card mobile app

Flutter-business-card-app - Flutter + Dart business card mobile app

Dart + Flutter Business Card Mobile Application

Nov 8, 2022

An app which has only UI of a multimedia app. Designed with Flutter.

An app which has only UI of a multimedia app. Designed with Flutter.

multimedia_app ---ScreenShots--- | | | | Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Jul 14, 2022

Flutter Complete E-Commerce app (UI by - 'The Flutter Way')

NOT COMPLETED YET! e_commerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

Mar 8, 2022
Owner
Jiaqi Feng
SJSU, Class of 2021
Jiaqi Feng
This is a simple movies app build it with flutter

Movies App ?? This is a simple app build it with flutter. Features: ?? Get movies from themoviedb.org Search movies See details movies and casting Too

Tony Gonzalez 2 Feb 1, 2021
A simple UI inclined tasks-app in Flutter.

A simple UI inclined tasks-app in Flutter.

Sambhav Saxena 0 Jun 22, 2022
This is simple Ninja ID Card App Code ;)

ninjacard A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Saini Madhu 4 Oct 17, 2022
A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

A flutter plugin for Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple.

Urmish Patel 191 Dec 29, 2022
A simple animated radial menu widget for Flutter.

flutter_radial_menu A radial menu widget for Flutter. . Installation Install the latest version from pub. Quick Start Import the package, create a Rad

Victor Choueiri 434 Jan 7, 2023
A simple way to bring drag’n’drop to flutter web

drop_zone is commonly used for file choosing by dragging and dropping a file(s) onto a designated widget. The user can then use the dropped html file(s).

Derrick Liu 32 Aug 2, 2022
A simple Flutter component capable of using JSON Schema to declaratively build and customize web forms.

A simple Flutter component capable of using JSON Schema to declaratively build and customize web forms.

null 3 Oct 2, 2022
ID-Card - A Simple ID Card Project Using Flutter

ID-CARD A new Flutter project.A simple demonstration of my time in the Dart lang

edwromero 0 Jan 26, 2022
A simple flutter UI project showing viewer a beautiful UI about coffee

coffee This is a simple flutter UI project where i am showing viewer a beautiful UI about coffee. And also i am using modular way to create this proje

Sarwar Murshed Shatil 5 Dec 13, 2022
A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

image_sequence_animator A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file. If you have a G

AliYigitBireroglu 134 Dec 22, 2022