FlutterSelector是什么?

一个支持非联动和多级联动底部弹窗选择器


如何使用FlutterSelector?

依赖

dependencies:
  flutter_selector: ^1.0.2

初始化

如果你需要自定义选择器的高度、间距、字体颜色等等,并且期望在整个项目中统一,可以初始化自定义参数,否则无需调用

Selector.init(height: 300, radius: 8, itemExtent: 48, padding: 12, 
        textSize: 14, textLeft: '取消', textRight: '确定', textColor:Colors.black54, 
        textColorLeft:Colors.black26, textColorRight:Colors.black, lineColor: Colors.white24, backgroundColor: Colors.grey);

调用单个选择器

Selector.showSingleSelector(context, list: list, callBack: (selectorItem, position) {});

调用双个选择器

Selector.showDoubleSelector(context, listLeft: listLeft, listRight: listRight, 
    callBack: (selectorItemLeft, positionLeft, selectorItemRight, positionRight) {
  
    });

调用多个选择器

Selector.showMultipleSelector(context, list: list, listPosition: _positions, callBack: (selectorItems, positions) {});

调用多个选择器(支持联动)

Selector.showMultipleLinkSelector(context, list: list, listPosition: _positionsLink, callBack: (selectorItems, positions) {});

调用单个选择器(支持多选)

Selector.showSingleMultipleChoiceSelector(context, list: list, callBack: (List<SelectorItem> selectorItems) {});

其他说明

字体颜色、字体大小、间距等参数可以通过初始化传参,也可以在每一次调用方法的时候,进行传参,实现单个不同的样式效果。详情参见example


效果演示

image

视频演示请参阅VideoDemo