gpt4 book ai didi

Flutter ListWheelScrollView ,如何添加水平线

转载 作者:行者123 更新时间:2023-12-05 06:58:40 33 4
gpt4 key购买 nike

这是 flutter_datetime_picker 的 UI。如何像这样添加水平线:

enter image description here

这是我的代码和 UI。

ListWheelScrollView(
itemExtent: 20,
diameterRatio: 0.9,
perspective: 0.003,
controller: dayScrollController,
physics: FixedExtentScrollPhysics(
parent: BouncingScrollPhysics(),
),
children: dayList.map((item) {
return Container(
height: 20,
alignment: Alignment.center,
child: Container(
child: Text(
'$item',
style: TextStyle(
color: dayList.indexOf(item) != dayIndex ? Colors.grey : Colors.black,
fontSize: 20
),
),
)
);
}).toList(),
onSelectedItemChanged: (index) {
setState(() {
dayIndex = index;
});
},
),

enter image description here

最佳答案

您可以使用 CupertinoPicker小部件,看起来像这样:

CupertinoPicker demo image

或者如果你想制作一个选择日期和时间的小部件,你也可以使用CupertinoDatePicker小部件,看起来像这样:

CupertinoDatePicker demo image

有关 Cupertino(iOS 风格)的更多小部件,请查看此页面:https://flutter.dev/docs/development/ui/widgets/cupertino

关于Flutter ListWheelScrollView ,如何添加水平线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64554395/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com