ruler_picker 0.1.1

This is a picker with ruler style for flutter. It is a easy way to select a number.

example/lib/main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:ruler_picker/ruler_picker.dart';

void main() => runApp(MyApp());

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

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  RulerPickerController _rulerPickerController;
  TextEditingController _textEditingController;
  num showValue = 0;

  @override
  void initState() {
    super.initState();
    _rulerPickerController = RulerPickerController(value: 0);
    _textEditingController = TextEditingController(text: '10');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // a ruler picker
            RulerPicker(
              controller: _rulerPickerController,
              onValueChange: (value) {
                setState(() {
                  _textEditingController.text = value.toString();
                });
              },
              width: 300,
              height: 100,
            ),
            // a text field to sync the value of the ruler picker
            Container(
              margin: EdgeInsets.only(top: 20),
              width: 300,
              child: CupertinoTextField(
                controller: _textEditingController,
                onChanged: (value) {
                  showValue = int.parse(value);
                },
                onEditingComplete: () {
                  _rulerPickerController.value = showValue;
                },
              ),
            )
          ],
        ),
      ),
    );
  }
}