flutter实现ios滚轴滚动效果(滚轮选择器)的控件CupertinoPicker

在这里插入图片描述

import 'package:flutter/cupertino.dart';

class TestPicker extends StatefulWidget {
  
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _TestPickerState();
  }

}

class _TestPickerState extends State<TestPicker>{
  int selectedItem = 0;

  final List<String> items = ['苹果', '香蕉', '橙子', '草莓','苹果', '香蕉', '橙子', '草莓','苹果', '香蕉', '橙子', '草莓','苹果', '香蕉', '橙子', '草莓','苹果', '香蕉', '橙子', '草莓','苹果', '香蕉', '橙子', '草莓'];

  
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('CupertinoPicker 示例'),
      ),
      child: Center(
        child: CupertinoPicker(
          itemExtent: 32.0,
          onSelectedItemChanged: (int index) {
            setState(() {
              selectedItem = index;
            });
          },
          children: items.map((item) => Text(item)).toList(),
        ),
      ),
    );
  }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值