当前位置：首页 > news >正文

flutter 单列选择器

news 2025/8/18 0:54:10

引入 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();
}
)