question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[TextInput] How to show "Done" button above "number-pad" keyboard?

See original GitHub issue

Hello,

I’m trying to implement the following screen: 2 2_verification_openkeypad_small

How can I get the bar above the keyboard to show up with “Done” button?

<TextInput
                style={styles.codeInput}
                placeholder="Enter Code"
                value={this.state.pinCode}
                keyboardType="number-pad"
                onChangeText={(code) => this.setState({pinCode: code})}
              />

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:8
  • Comments:53 (2 by maintainers)

github_iconTop GitHub Comments

30reactions
savagesnakecommented, Jan 25, 2018

returnKeyType=‘done’ works with “number-pad” and “numeric” on v0.47.1

18reactions
lavarajallucommented, Apr 26, 2017

in your textInput just u have pass this property returnKeyType='done'

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native done button above keyboard
For numeric and number-pad : and seems that you don't need any library returnKeyType='done' works with "number-pad" and "numeric" on v0.47.1.
Read more >
Flutter, how to add Done button over numeric keyboard on ...
On common and easy trick to have a done button is to use a regular text input and filtering entry to allow only...
Read more >
How to show “Done” button on iOS number pad keyboard
Ios – How to show “Done” button on iOS number pad keyboard. iosiphoneuser-input. There is no "Done" button on the .numberPad Keyboard Type....
Read more >
How to dismiss the keyboard for a TextField - a free SwiftUI ...
In its simplest form, this is done using the @FocusState property wrapper and the focusable() modifier – the first stores a Boolean that...
Read more >
A simple extension to add buttons above the keyboard on iOS ...
It is quite common when you have an input view on an iOS app to show some actions above the keyboard to improve...
Read more >

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found