2016-05-18 5 views
0

Je crée une application dans reac-native et j'ai un problème avec l'affichage. J'ai un textinput dans scrollview. Lorsque je tape sur l'entrée de texte et qu'elle est mise au point, l'affichage augmente et disparaît de l'écran.Affichage hors écran avec textinput et scrollview dans react-native

J'ai vu le même numéro publié dans github.

Voici le lien: Github issue posted by someone

+0

Utilisez-vous réagissez natif sur Android ou iOS? Est-ce que ça passe de l'écran à la hauteur du clavier? –

+0

Je l'utilise sur Android. Oui, disparaît de l'écran lorsque le clavier a été montré et je pense que la hauteur de la partie hors écran correspond à la hauteur qui a été ajoutée dans le bas lorsque je la fais défiler vers le bas. – ida

Répondre

0

Ceci est le comportement par défaut de leur clavier pour Android. Vous devez manuellement changer le android:windowSoftInputMode dans AndroidManifest.xm à une autre option (adjustNothing est plus comme iOS). Voir les options ici: https://developer.android.com/guide/topics/manifest/activity-element.html#wsoft.

De plus, gardez à l'esprit que keyboardWillShow() et keyboardWillHide() ne sont pas lancés sur Android, et si vous choisissez d'utiliser adjustNothing, même pas keyboardDidShow() ou keyboardDidHide() sont tirés.

Je vous recommande de conserver le comportement par défaut de android:windowSoftInputMode, mais d'utiliser keyboardDidShow() et keyboardDidHide() pour ajuster manuellement la position ScrollView.

+0

Je l'ai déjà fait. J'ajuste la hauteur avec keyboardDidShow() et keyboardDidHide() mais ça sort toujours de l'écran et il y a un espace entre le textinput et le clavier. – ida

+0

À ce stade, sans voir le code, il pourrait être quelque chose de la marge dans les styles ou quelque chose aussi. –

+0

C'est quelque chose avec la marge de l'entrée de texte? le code est quelque chose comme ceci: '' et le textinput est situé dans le TypingArea – ida