Pick Value onTap in CupertinoPicker and CupertinoDatePicker

Unfortunately, the gesture detection inside CupertinoPicker/CupertinoDatePicker is not supported for now. When you trace the code inside CupertinoPicker, it leads to use ListWheelScrollView at the end and it does not respond to the tap event.

Discussion thread on GitHub:

• Tapping items is not working in CupertinoPicker
• ListWheelScrollView children do not respond on gesture (onTap) events

There is a workaround solution by using package clickable_list_wheel_view (fixed height for the child widget, mentioned here)

I found a workaround by using flutter_portal.

  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()),
              );
            },
          ),
        )
    );
  }

GestureDetector(
    behavior: HitTestBehavior.translucent,
    onTap: () => // write what you want to do,
    child: CupertinoPicker(),
  ),