Teclado Handling em Reagir Native

votos
0

Como fazer seu aplicativo responder graciosamente na aparência teclado? Até agora eu tentei teclado-aware-scroll, keyboardspacer e teclado Evitando vista

Teclado evitando vista não ajuda em tudo o que eu tentei várias vezes, mas ele mesmo não responder a aparência teclado.

Keyboardspacer graciosamente funciona, mas em muitos casos, destrói toda a UI por esmagamento outro ponto de vista

rolagem keyboardaware funciona quando não há rolagem no aplicativo, mas para formulários longos ele não funciona.

android: windowSoftInputMode = adjustPan só funciona para android

Quais são as outras opções que temos para o aplicativo para responder normalmente quando aparece teclado.

O que você usa em seus aplicativos?

Publicado 08/11/2018 em 06:40
fonte usuário
Em outras línguas...                            


3 respostas

votos
1

Se nenhuma dessas bibliotecas faz o que você precisa, você pode ajustar a exibição manualmente usando o módulo teclado (docs em https://facebook.github.io/react-native/docs/keyboard ) Com ele você pode reagir quando você sabe um teclado abre ou fecha, assim:

import * as React from 'react';
import { Keyboard } from 'react-native';

class MyComponent extends React.Component {
  componentDidMount() {
      this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this.keyboardDidHide);
      this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this.keyboardDidShow);
  }

  componentWillUnmount() {
    this.keyboardDidHideListener.remove();
    this.keyboardDidShowListener.remove();
  }

  keyboardDidShow = () => {
      //Fix your view for when a keyboard shows
  };

  keyboardDidHide = () => {
      //Fix your view for when a keyboard hides
  };

    //Rest of component...

}
Respondeu 08/11/2018 em 14:05
fonte usuário

votos
1

Para meus projetos eu uso reagir nativo-teclado-aware-scroll-view , bem como KeyboardAvoidingView(tentar jogar com behaviorprop, isso depende do seu estilo).

Dê uma olhada na seção de configuração do Android em docs de react-native-keyboard-aware-scroll-view. Eu acho que é algo que você está procurando.

Respondeu 08/11/2018 em 07:51
fonte usuário

votos
0

Você pode encontrar seguinte resposta útil relacionada com a sua pergunta.

Q.How para mudar o softkeyboard “Enter” botão de texto no android? https://stackoverflow.com/a/53098939/6477946

Q. Como fechar ou ocultar softkeyboard

https://stackoverflow.com/a/53077131/6477946

Respondeu 08/11/2018 em 07:16
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more