.gif)
Description:
vertical picker
vertical_picker #
vertical_picker is flutter package that you can use it as item selector. users with this package be able to select item that is in vertical list like as column with scroll.
Getting started #
First of all you need to import it like this:
import 'package:vertical_picker/vertical_picker.dart';
copied to clipboard
Usage #
You can use VerticalPicker as widget like as other widget. for example you can this widget as child as SizedBox or other widget. (I suggest use this as child of widget like SizedBox, Container,...)
SizedBox(
height: MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
child: VerticalPicker(
// give height for eacch item
itemHeight: MediaQuery.of(context).size.height / 15,
// create list of text for items
items: List.generate(
10,
(index) => Center(
child: Text(index.toString()),
)),
// empty void for item selected
onSelectedChanged: (indexSelected) {},
),
),
copied to clipboard
Optional Parameters #
If you use VerticalPicker with default optional parameter you may have widget like this:
leftMargin and rightMargin #
you can use this two parameter to controll sized of border
// margin for border
leftMargin: 150,
rightMargin: 150,
copied to clipboard
this gives you vertical picker like this(color of border changed):
BorderColor #
You can specific border color:
// give color to border
borderColor: Colors.red,
copied to clipboard
this gives you vertical picker like this:
loop #
You can loop the vertical picker by set loop to true:
loop = true;
copied to clipboard
If you set loop to true you see vertical picker like this:
Use other widget for items of vertical picker #
There isn't limitation for use widget as items. you can use Text, Icon, Image and ...
// create list of text for items
items: List.generate( 10,(index) => Icon(Icons.flutter_dash)),
copied to clipboard
Some important tips #
🔴 You must set itemHeight parameter a little longer that your items to items be in the best alignment
🔴 If you use Text as item, it's better that use Text in child of Center to Text goes in center of selectable items in vertical picker
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
