horizontal_picker 1.2.0 copy "horizontal_picker: ^1.2.0" to clipboard
horizontal_picker: ^1.2.0 copied to clipboard

You can select your value on Horizontal Picker while scrolling on items.

example/lib/main.dart

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

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

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

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  double? newValue;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: SingleChildScrollView(
          padding: EdgeInsets.all(10),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              HorizontalPicker(
                minValue: 0,
                maxValue: 10,
                divisions: 10,
                height: 120,
                onChanged: (value) {},
              ),
              Divider(),
              HorizontalPicker(
                minValue: 0,
                maxValue: 10,
                divisions: 10,
                height: 120,
                suffix: " \u00b0C",
                showCursor: false,
                backgroundColor: Colors.lightBlue.shade50,
                activeItemTextColor: Colors.blue.shade800,
                passiveItemsTextColor: Colors.blue.shade300,
                onChanged: (value) {},
              ),
              Divider(),
              HorizontalPicker(
                minValue: -10,
                maxValue: 55,
                divisions: 600,
                height: 120,
                suffix: " cm",
                showCursor: false,
                backgroundColor: Colors.grey.shade900,
                activeItemTextColor: Colors.white,
                passiveItemsTextColor: Colors.amber,
                onChanged: (value) {
                  setState(() {
                    newValue = value;
                  });
                },
              ),
              Text(newValue.toString())
            ],
          ),
        ),
      ),
    );
  }
}
61
likes
130
pub points
86%
popularity

Publisher

verified publisherleventkantaroglu.com

You can select your value on Horizontal Picker while scrolling on items.

Homepage
Repository (GitHub)
View/report issues

Documentation

Documentation
API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on horizontal_picker