CupertinoPicker and CupertinoDatePicker don't play the ticker sound

In iOS native, every picker (when sound is enabled) plays a slightly ticking noise along with the haptic feedback (which is already implemented). This should be added to the CupertinoPicker and CupertinoDatePicker as well.

Edit: also, the upper horizontal line in the focused item looks slightly different than the bottom (maybe the color shade or like 0.5 pixels bigger?) while the native are identical.


[✓] Flutter (Channel unknown, v1.8.0, on Mac OS X 10.14.5 18F132, locale pt-PT)
    • Flutter version 1.8.0 at /Users/miguelruivo/DevTools/flutter
    • Framework revision 2fefa8c731 (4 weeks ago), 2019-07-01 11:33:22 -0700
    • Engine revision 45b66b722e
    • Dart version 2.4.0

Any solution for the above issue?

@LongCatIsLooong

This should have more priority IMO since it has an huge impact on those insightful iOS users. Any plans for this @LongCatIsLooong?

This seems like a fairly simple fix unless I'm missing something. For now I am doing SystemSound.play(SystemSoundType.click) and HapticFeedback.lightImpact() in my onDateTimeChanged() or onSelectedItemChanged() callbacks.

flutter doctor -v

[✓] Flutter (Channel dev, 1.21.0-1.0.pre, on Mac OS X 10.15.6 19G73, locale en-GB)
    • Flutter version 1.21.0-1.0.pre at /Users/tahatesser/Code/flutter_dev
    • Framework revision f25bd9c55c (2 weeks ago), 2020-07-14 20:26:01 -0400
    • Engine revision 99c2b3a245
    • Dart version 2.9.0 (build 2.9.0-21.0.dev 20bf2fcf56)

 
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
    • Android SDK at /Users/tahatesser/Code/sdk
    • Platform android-30, build-tools 30.0.1
    • ANDROID_HOME = /Users/tahatesser/Code/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 11.6)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 11.6, Build version 11E708
    • CocoaPods version 1.9.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.0)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 47.1.2
    • Dart plugin version 193.7361
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.47.3)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.12.2

 
[✓] Connected device (5 available)            
    • SM M305F (mobile)      • 32003c30dc19668f          • android-arm64  • Android 10 (API 29)
    • Taha’s iPhone (mobile) • 00008020-001059882212002E • ios            • iOS 13.6
    • macOS (desktop)        • macos                     • darwin-x64     • Mac OS X 10.15.6 19G73
    • Web Server (web)       • web-server                • web-javascript • Flutter Tools
    • Chrome (web)           • chrome                    • web-javascript • Google Chrome 84.0.4147.105

• No issues found!

Added the web label as this affect the web too, and it's possible that we'll need to wire up the haptic feedback through the web APIs somehow.

I found fixed this issue in my app by using the AudioToolbox (iOS) framework, by running this swift snippet you should be able to produce the wheel picker tick sound that's on native iOS: AudioServicesPlaySystemSoundWithCompletion(1157, nil)

I ran it with platform channels in the on change callback for the picker, I'm going to fix this issue as my first contribution to flutter.

Is this still relevant? AFAIK as of iOS 14 the correct calendar implementation does not involve a scrolling cylinder anymore, and is being worked on here: #63693

Is this still relevant? AFAIK as of iOS 14 the correct calendar implementation does not involve a scrolling cylinder anymore, and is being worked on here: #63693

I think so. General iOS pickers still use the scrolling cylinder implementation from what I see in Apple's HIG docs: https://developer.apple.com/design/human-interface-guidelines/pickers.

Add `CupertinoPicker` ticking sound (#170641)

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

Add `CupertinoPicker` ticking sound (flutter#170641)

Add `CupertinoPicker` ticking sound (#170641)

Navigation Menu

Repository navigation

CupertinoPicker and CupertinoDatePicker don't play the ticker sound #37329

16 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

CupertinoPicker and CupertinoDatePicker don't play the ticker sound #37329

Description

Activity

rajiramamoorthi commented on Nov 16, 2019

miguelpruivo commented on Nov 26, 2019

eth0izzle commented on Mar 15, 2020

TahaTesser commented on Mar 27, 2020

yjbanov commented on Apr 30, 2020

16 remaining items

MaherSafadii commented on May 15, 2024

kerberjg commented on Jul 17, 2024

victorsanni commented on Aug 28, 2024

github-actions commented on Jul 14, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions