flutter 选择器竖向

在 Flutter 中，你可以使用 `CupertinoPicker` 或 `ListWheelScrollView` 来创建一个竖向的选择器。

1. 使用 `CupertinoPicker`：

   CupertinoPicker(
     itemExtent: 30, // 每个选项的高度
     onSelectedItemChanged: (index) {
       // 处理选中项的变化
     },
     children: [
       Text('选项1'),
       Text('选项2'),
       Text('选项3'),
       // 添加其他选项
     ],
   )

2. 使用 `ListWheelScrollView`：

   ListWheelScrollView(
     itemExtent: 30, // 每个选项的高度
     onSelectedItemChanged: (index) {
       // 处理选中项的变化
     },
     children: [
       Text('选项1'),
       Text('选项2'),
       Text('选项3'),
       // 添加其他选项
     ],
   )

以上是两种常用的方法来创建竖向的选择器。你可以根据自己的需求选择其中一种来实现你想要的效果。

相关问题

flutter 竖向选择器

Flutter中有多种方式可以实现竖向选择器，以下是其中的一种方法：

首先，你可以使用`ListView.builder`来创建一个具有竖向滚动功能的选择器。这个选择器可以显示一个列表，用户可以通过滑动来选择其中的项。

下面是一个简单的示例代码：

List<String> items = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];

ListView.builder(
  scrollDirection: Axis.vertical,
  itemCount: items.length,
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text(items[index]),
      onTap: () {
        // 处理选中项的逻辑
      },
    );
  },
);

在这个示例中，我们使用了`ListView.builder`来构建一个竖向滚动的列表。`scrollDirection`属性被设置为`Axis.vertical`以确保列表是竖向滚动的。`itemCount`属性指定了列表中的项数，这里我们使用了一个字符串列表作为数据源。`itemBuilder`回调函数用于构建每一项的UI，这里我们使用`ListTile`来显示每个选项的文本内容。当用户点击某个选项时，可以在`onTap`回调中处理选中项的逻辑。

你可以根据自己的需求进行定制和扩展，例如添加图标、样式等。希望这个示例能对你有帮助！如果有任何问题，请随时提问。

flutter 选择器

Flutter中的选择器有多种实现方式，以下是其中两种常见的实现方式：

1. CupertinoPicker

CupertinoPicker是一个iOS风格的选择器，可以在Flutter中使用。使用CupertinoPicker需要引入cupertino库，示例代码如下：

import 'package:flutter/cupertino.dart';

class MyPicker extends StatefulWidget {
  @override
  _MyPickerState createState() => _MyPickerState();
}

class _MyPickerState extends State<MyPicker> {
  List<String> items = ['item1', 'item2', 'item3'];
  int currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return CupertinoPicker(
      itemExtent: 30,
      onSelectedItemChanged: (index) {
        setState(() {
          currentIndex = index;
        });
      },
      children: items.map((item) => Text(item)).toList(),
      scrollController: FixedExtentScrollController(initialItem: currentIndex),
    );
  }
}

2. DropdownButton

DropdownButton是一个下拉菜单，也可以用作选择器。示例代码如下：

import 'package:flutter/material.dart';

class MyDropdownButton extends StatefulWidget {
  @override
  _MyDropdownButtonState createState() => _MyDropdownButtonState();
}

class _MyDropdownButtonState extends State<MyDropdownButton> {
  List<String> items = ['item1', 'item2', 'item3'];
  String currentItem = 'item1';

  @override
  Widget build(BuildContext context) {
    return DropdownButton<String>(
      value: currentItem,
      onChanged: (value) {
        setState(() {
          currentItem = value;
        });
      },
      items: items.map((item) {
        return DropdownMenuItem<String>(
          value: item,
          child: Text(item),
        );
      }).toList(),
    );
  }
}