Flutter中好用的Widget-CupertinoPicker

Flutter中好用的Widget-CupertinoPicker

CupertinoPicker是Flutter框架中的一个非常实用且美观的Widget，它可以让用户从一个预设的列表中选择一个或多个值。在iOS设计风格的应用程序中，CupertinoPicker非常常见。

使用方法

CupertinoPicker组件需要通过CupertinoPicker.builder()方法进行构建。该方法需要传递三个参数：

• onSelectedItemChanged：当用户选择一个新的项目时，调用此回调函数。
• itemExtent：每个项目的高度。
• itemBuilder：为CupertinoPicker生成项目的构建器。

例如，以下代码创建了一个CupertinoPicker，其中用户可以从三个预设的值中选择：

CupertinoPicker(
  itemExtent: 32.0,
  onSelectedItemChanged: (int index) {
    // Do something when the user selects a new item
  },
  children: <Widget>[
    Text('Option 1'),
    Text('Option 2'),
    Text('Option 3'),
  ],
)

更多属性

CupertinoPicker还有一些其他属性可以进行自定义：

• backgroundColor：设置CupertinoPicker的背景颜色。
• diameterRatio：设置CupertinoPicker的直径比率。
• looping：设置CupertinoPicker是否应循环滚动。
• scrollController：设置CupertinoPicker的滚动控制器。

结论

CupertinoPicker是一个非常实用且美观的Flutter Widget，它可以让用户从一个预设的列表中选择一个或多个值。使用CupertinoPicker.builder()方法进行构建，可以通过多个属性进行自定义。