flutter 单列选择器

发布于:2024-03-21 ⋅ 阅读:(58) ⋅ 点赞:(0)

引入 flutter_pickers: ^2.1.9

import 'package:flutter_pickers/pickers.dart';
import 'package:flutter_pickers/style/default_style.dart';
import 'package:flutter_pickers/style/picker_style.dart';

List<String> _numberList = [
    '99','98','97','96','95','94','93','92','91',
    '90','89','88','87','86','85','84','83','82','81',
    '80','79','78','77','76','75','74','73','72','71',
    '70','69','68','67','66','65','64','63','62','61',
    '60','59','58','57','56','55','54','53','52','51',
    '50','49','48','47','46','45','44','43','42','41',
    '40','39','38','37','36','35','34','33','32','31',
    '30','29','28','27','26','25','24','23','22','21',
    '20','19','18','17','16','15','14','13','12','11',
    '10','9','8','7','6','5','4','3','2','1'
  ];

_pickerView(){
    Pickers.showSinglePicker(context,
        data: _numberList,
        selectData: _numberList[0],
        pickerStyle: PickerStyle(
          //  menu: Container(height: 50,color: Colors.red,),
          //  menuHeight: 42.0,
          //  cancelButton: _cancelButton,
          commitButton: Container(
              padding: EdgeInsets.only(right: 40.w),
              child: Text(S.current.queding,style: TextStyle(color: JadeColors.yellow,fontSize: 36.sp))
          ),
          //   headDecoration:  BoxDecoration( //头部样式
          //       color: Colors.grey[800],
          //       borderRadius: BorderRadius.only(
          //           topLeft: Radius.circular(8), topRight: Radius.circular(8))), //头部样式
          title: Text('选择折扣',textAlign: TextAlign.center,),
          textColor: Colors.black,
          backgroundColor: Colors.white,
          itemOverlay: CupertinoPickerDefaultSelectionOverlay(
              background: Colors.grey.withOpacity(0.1)), //item覆盖样式
        ),
        onConfirm: (p,position){},
        onChanged: (p,position){},
        onCancel: (bool isCancel){}
    );
  }

//引用
GestureDetector(
child: Contaienr(),
onTap:(){
_pickerView();
}
)

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到