首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >onTap在CupertinoPicker和CupertinoDatePicker中的选取值

onTap在CupertinoPicker和CupertinoDatePicker中的选取值
EN

Stack Overflow用户
提问于 2021-01-27 07:00:00
回答 3查看 820关注 0票数 2

onSelectedItemChanged在库比提克/库比蒂诺数据选择器上运行得很好

但是,当用户单击该值时,我也希望选择值。

目前,用户必须滚动以选择值,据我所知,CupertinoPicker/CupertinoDatePicker没有onTap、onPressed函数

我如何解决这个问题?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-02-09 13:49:15

不幸的是,目前还不支持CupertinoPicker/CupertinoDatePicker内部的手势检测。当您跟踪CupertinoPicker中的代码时,它会导致在最后使用ListWheelScrollView,并且它不会响应tap事件。

关于GitHub的讨论线程:

有一个解决方案,使用包视图 (子小部件的固定高度,提到这里)。

票数 2
EN

Stack Overflow用户

发布于 2022-08-09 22:09:32

我通过使用flutter_portal找到了一个解决办法。

代码语言:javascript
运行
复制
  final ScrollController scrollController = FixedExtentScrollController();

  @override
  Widget build(BuildContext context) {
    return Container(
        height: 100,
        child: Portal(
          child: CupertinoPicker.builder(
            scrollController: scrollController,
            childCount: itemCount,
            itemBuilder: (context, index) {
              return PortalTarget(
                anchor: Aligned(
                  follower: Alignment.center,
                  target: Alignment.center,
                ),
                portalFollower: GestureDetector(
                  behavior: HitTestBehavior.translucent,
                  onTap: () {
                    scrollController.animateToItem(index,
                        duration: Duration(milliseconds: 250),
                        curve: Curves.decelerate);
                  },
                ),
                child: Text(index.toString()),
              );
            },
          ),
        )
    );
  }
票数 0
EN

Stack Overflow用户

发布于 2022-08-24 14:38:59

代码语言:javascript
运行
复制
GestureDetector(
    behavior: HitTestBehavior.translucent,
    onTap: () => // write what you want to do,
    child: CupertinoPicker(),
  ),
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65914264

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档