How to show Custom View on the top of the keyboard in react-native
up vote
4
down vote
favorite
I am developing sample app, where I need a separate over which should be placed on the keyboard that appears when click on textInput.
I tried giving absolute position, zIndex everything but it is not worked.
So can anyone tell me how to do that.
I am doing this for custom keyboard some modules did not gave me correct once so I preferred this.
react-native keyboard textinput
edited Nov 14 at 9:17
Lavaraju
9031723
asked Nov 14 at 9:11
krishna swaroopa I
8919
add a comment |
up vote
4
down vote
favorite
I am developing sample app, where I need a separate over which should be placed on the keyboard that appears when click on textInput.
I tried giving absolute position, zIndex everything but it is not worked.
So can anyone tell me how to do that.
I am doing this for custom keyboard some modules did not gave me correct once so I preferred this.
react-native keyboard textinput
edited Nov 14 at 9:17
Lavaraju
9031723
asked Nov 14 at 9:11
krishna swaroopa I
8919
add a comment |
up vote
4
down vote
favorite
up vote
4
down vote
favorite
I am developing sample app, where I need a separate over which should be placed on the keyboard that appears when click on textInput.
I tried giving absolute position, zIndex everything but it is not worked.
So can anyone tell me how to do that.
I am doing this for custom keyboard some modules did not gave me correct once so I preferred this.
react-native keyboard textinput
edited Nov 14 at 9:17
Lavaraju
9031723
asked Nov 14 at 9:11
krishna swaroopa I
8919
I am developing sample app, where I need a separate over which should be placed on the keyboard that appears when click on textInput.
I tried giving absolute position, zIndex everything but it is not worked.
So can anyone tell me how to do that.
I am doing this for custom keyboard some modules did not gave me correct once so I preferred this.
react-native keyboard textinput
react-native keyboard textinput
edited Nov 14 at 9:17
Lavaraju
9031723
asked Nov 14 at 9:11
krishna swaroopa I
8919
edited Nov 14 at 9:17
Lavaraju
9031723
asked Nov 14 at 9:11
krishna swaroopa I
8919
edited Nov 14 at 9:17
Lavaraju
9031723
edited Nov 14 at 9:17
Lavaraju
9031723
edited Nov 14 at 9:17
Lavaraju
9031723
9031723
asked Nov 14 at 9:11
krishna swaroopa I
8919
asked Nov 14 at 9:11
krishna swaroopa I
8919
asked Nov 14 at 9:11
krishna swaroopa I
8919
8919
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
Each platform - iOS / android - has its very specific APIs regarding Keyboard display, and customization.
The amount of customization you can do on existing keyboard is limited (ex: suggestion fields on top of the keyboard on iOS...), if you really want something specific, you might want to develop your own keyboard (look at https://github.com/reactnativecn/react-native-custom-keyboard the repo is 2 years old but might give you good inspiration, this other one is more recent : https://github.com/wix/react-native-keyboard-input)
answered Nov 14 at 9:30
Vinzzz
10.3k42738
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
Each platform - iOS / android - has its very specific APIs regarding Keyboard display, and customization.
The amount of customization you can do on existing keyboard is limited (ex: suggestion fields on top of the keyboard on iOS...), if you really want something specific, you might want to develop your own keyboard (look at https://github.com/reactnativecn/react-native-custom-keyboard the repo is 2 years old but might give you good inspiration, this other one is more recent : https://github.com/wix/react-native-keyboard-input)
answered Nov 14 at 9:30
Vinzzz
10.3k42738
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
add a comment |
up vote
0
down vote
Each platform - iOS / android - has its very specific APIs regarding Keyboard display, and customization.
The amount of customization you can do on existing keyboard is limited (ex: suggestion fields on top of the keyboard on iOS...), if you really want something specific, you might want to develop your own keyboard (look at https://github.com/reactnativecn/react-native-custom-keyboard the repo is 2 years old but might give you good inspiration, this other one is more recent : https://github.com/wix/react-native-keyboard-input)
answered Nov 14 at 9:30
Vinzzz
10.3k42738
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
add a comment |
up vote
0
down vote
up vote
0
down vote
Each platform - iOS / android - has its very specific APIs regarding Keyboard display, and customization.
The amount of customization you can do on existing keyboard is limited (ex: suggestion fields on top of the keyboard on iOS...), if you really want something specific, you might want to develop your own keyboard (look at https://github.com/reactnativecn/react-native-custom-keyboard the repo is 2 years old but might give you good inspiration, this other one is more recent : https://github.com/wix/react-native-keyboard-input)
answered Nov 14 at 9:30
Vinzzz
10.3k42738
Each platform - iOS / android - has its very specific APIs regarding Keyboard display, and customization.
The amount of customization you can do on existing keyboard is limited (ex: suggestion fields on top of the keyboard on iOS...), if you really want something specific, you might want to develop your own keyboard (look at https://github.com/reactnativecn/react-native-custom-keyboard the repo is 2 years old but might give you good inspiration, this other one is more recent : https://github.com/wix/react-native-keyboard-input)
answered Nov 14 at 9:30
Vinzzz
10.3k42738
answered Nov 14 at 9:30
Vinzzz
10.3k42738
answered Nov 14 at 9:30
Vinzzz
10.3k42738
answered Nov 14 at 9:30
Vinzzz
10.3k42738
10.3k42738
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
add a comment |
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
Yes I have those module I don't want any default keyboard coming up but when using them for first time I am getting custom keyboard but when again focusing then the default keyboard is appearing.
– krishna swaroopa I
Nov 14 at 10:24
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
github.com/reactnativecn/react-native-custom-keyboard this repo is not at all working and its throwing build erros in ios and android
– krishna swaroopa I
Nov 15 at 4:33
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53296543%2fhow-to-show-custom-view-on-the-top-of-the-keyboard-in-react-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
