dropdown_wheel_picker 0.1.0 copy "dropdown_wheel_picker: ^0.1.0" to clipboard
dropdown_wheel_picker: ^0.1.0 copied to clipboard

Flutter package for dropdown scrollable wheel picker

example/lib/main.dart

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
            seedColor: const Color.fromARGB(255, 62, 58, 69)),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: SafeArea(
      child: Padding(
          padding: EdgeInsets.symmetric(vertical: 16, horizontal: 8),
          child: Column(
            children: [
              DropdownItemPicker(
                pickerTitle: Text('Countries'),
                items: [
                  Text('China πŸ‡¨πŸ‡³'),
                  Text('France πŸ‡«πŸ‡·'),
                  Text('Russia πŸ‡·πŸ‡Ί'),
                  Text('United Kingdom πŸ‡¬πŸ‡§'),
                  Text('United States πŸ‡ΊπŸ‡Έ'),
                ],
                onChanged: (value) => print('Selected Country: $value'),
              ),
              SizedBox(height: 16),
              DropdownMultiColItemPicker(
                pickerTitle: Text('Star Wars'),
                multiColItems: [
                  [
                    Text('Jedi'),
                    Text('Empire'),
                  ],
                  [
                    Text('Luke'),
                    Text('Anakin'),
                    Text('Obi-Wan'),
                    Text('Han Solo'),
                    Text('Palpatine'),
                  ]
                ],
                onChanged: (value) => print('Selected Countries: $value'),
              ),
              SizedBox(height: 16),
              DropdownDatePicker(
                pickerTitle: Text('Date Picker'),
                initialDate: DateTime(2024, 1, 1),
                firstYear: 2020,
                lastYear: 2025,
                onChanged: (value) => print('Selected Date: $value'),
              ),
              SizedBox(height: 16),
              DropdownDistancePicker(
                pickerTitle: Text('Distance Picker'),
                initialDistance: Length(2.5, 'mi'),
                onChanged: (value) => print('${value.value} ${value.unit}'),
              ),
              SizedBox(height: 16),
              DropdownTimePicker(
                pickerTitle: Text('Time Picker'),
                initialTime: Duration(hours: 2, minutes: 0, seconds: 35),
                onChanged: (value) => print(value),
              ),
              SizedBox(height: 16),
              DropdownPacePicker(
                pickerTitle: Text('Pace Picker'),
                initialPace: Pace(Duration(minutes: 6, seconds: 20), '/mi'),
                onChanged: (value) => print(value),
              )
            ],
          )),
    ));
  }
}
2
likes
0
points
97
downloads

Publisher

verified publisherfanjin.org

Weekly Downloads

Flutter package for dropdown scrollable wheel picker

Homepage
Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on dropdown_wheel_picker