Return-key 'next' on numeric TextInput doesn't work on iOS since 2019?!?
See original GitHub issuePlease provide all the information requested. Issues that do not follow this format are likely to stall.
Description
If using another returnKeyType then ‘done’ on a numeric TextInput, it isn’t shown at all.
React Native version:
System: OS: macOS 11.4 CPU: (8) x64 Intel® Core™ i7-8559U CPU @ 2.70GHz Memory: 34.68 MB / 16.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 12.22.1 - /var/folders/pz/j_z7p6bs1gq08f42zb9x_fj00000gn/T/yarn–1625065239113-0.5195055990868227/node Yarn: 1.22.10 - /var/folders/pz/j_z7p6bs1gq08f42zb9x_fj00000gn/T/yarn–1625065239113-0.5195055990868227/yarn npm: 6.14.12 - ~/.nvm/versions/node/v12.22.1/bin/npm Watchman: Not Found Managers: CocoaPods: 1.10.1 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4 Android SDK: Not Found IDEs: Android Studio: 4.2 AI-202.7660.26.42.7351085 Xcode: 12.5/12E262 - /usr/bin/xcodebuild Languages: Java: 15.0.1 - /usr/local/opt/openjdk/bin/javac npmPackages: @react-native-community/cli: Not Found react: 17 => 17.0.1 react-native: 0.64.1 => 0.64.1 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found
Steps To Reproduce
Provide a detailed list of steps that reproduce the issue.
- Create a TextInput
- Set: keyboardType=“numeric” returnKeyType={‘next’}
- Run on iOS
Expected Results
A next button in the toolbar above the keyboard
Snack, code example, screenshot, or link to a repository:
This problem seems to be occurring now for a longer time, the creator of the original issue didn’t follow the template though: https://github.com/facebook/react-native/issues/26885
<TextInput keyboardType="numeric" returnKeyType={ 'done' } />
<TextInput keyboardType="numeric" returnKeyType={ 'next' } />
Issue Analytics
- State:
- Created 2 years ago
- Reactions:12
- Comments:7 (4 by maintainers)
Top GitHub Comments
@ken0nek I don’t understand how your comment and this issue are related. On a “done” return key type, react native shows a toolbar. On “next”, it doesn’t show a toolbar. This inconsistency looks like a bug to me and is not related to a toolbar showing at all or not on UIKit. Please correct me if I misunderstood your comment.
I think it’s not a React Native issue.
We cannot display
Done
button andNext
button when we specifyNumber Pad
,Phone Pad
, orDecimal Pad
etc. even when we use UIKit.