{"id":336,"date":"2018-06-07T14:45:45","date_gmt":"2018-06-07T14:45:45","guid":{"rendered":"https:\/\/sidroniolima.com.br\/blog\/?p=336"},"modified":"2018-06-07T14:45:45","modified_gmt":"2018-06-07T14:45:45","slug":"react-native-keyboard-over-inputtext","status":"publish","type":"post","link":"https:\/\/sidroniolima.com.br\/blog\/2018\/06\/07\/react-native-keyboard-over-inputtext\/","title":{"rendered":"React Native keyboard over InputText"},"content":{"rendered":"\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=sidroniolima\" class=\"twitter-share-button\">Tweet<\/a><\/div>\n<p><a href=\"https:\/\/sidroniolima.com.br\/blog\/wp-content\/uploads\/2018\/06\/Screenshot_1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-337\" src=\"https:\/\/sidroniolima.com.br\/blog\/wp-content\/uploads\/2018\/06\/Screenshot_1.png\" alt=\"\" width=\"314\" height=\"237\" srcset=\"https:\/\/sidroniolima.com.br\/blog\/wp-content\/uploads\/2018\/06\/Screenshot_1.png 314w, https:\/\/sidroniolima.com.br\/blog\/wp-content\/uploads\/2018\/06\/Screenshot_1-300x226.png 300w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/a><\/p>\n<p>During creating a form in React Native I faced a issue with the android keyboard. It override the text field, so I could not see what is the enter of the field.<\/p>\n<p>So I found the solution, actually, three. I adopted the first one, just changing the View by KeyboardAvoidingView component.<\/p>\n<p>Here is the complete <a href=\"https:\/\/medium.freecodecamp.org\/how-to-make-your-react-native-app-respond-gracefully-when-the-keyboard-pops-up-7442c1535580\">solution.<\/a><\/p>\n<p>Very cool and useful.<\/p>\n\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=sidroniolima\" class=\"twitter-share-button\">Tweet<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>During creating a form in React Native I faced a issue with the android keyboard. It override the text field, so I could not see what is the enter of the field. So I found the solution, actually, three. I adopted the first one, just changing the View by KeyboardAvoidingView component. Here is the complete [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[53,69],"tags":[70,72,71],"class_list":["post-336","post","type-post","status-publish","format-standard","hentry","category-front-end","category-react-native","tag-android","tag-issue","tag-keyboard"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/posts\/336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/comments?post=336"}],"version-history":[{"count":1,"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/posts\/336\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/posts\/336\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/media?parent=336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/categories?post=336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sidroniolima.com.br\/blog\/wp-json\/wp\/v2\/tags?post=336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}