Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Teclado fica em cima no texto com o nome da lista

Pessoal como faço para corrigir o erro do modal que fica em cima do campo nome?!

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Segue código igual ao fo curso

showModalBottomSheet(
      context: context,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(
          top: Radius.circular(24),
        ),
      ),
      builder: (context) {
        return Container(
          height: MediaQuery.of(context).size.height,
          padding: const EdgeInsets.all(32),
          child: ListView(
2 respostas
solução!

Olá, Celso!

Pelo que entendi, você está enfrentando um problema com o modal que está ficando em cima do campo nome, correto?

Uma possível solução para esse problema é adicionar o atributo isScrollControlled como true no showModalBottomSheet. Dessa forma, o modal será exibido acima do teclado virtual quando ele estiver aberto.

Veja como ficaria o código com essa alteração:

showModalBottomSheet(
  context: context,
  shape: const RoundedRectangleBorder(
    borderRadius: BorderRadius.vertical(
      top: Radius.circular(24),
    ),
  ),
  isScrollControlled: true, // Adicione essa linha
  builder: (context) {
    return Container(
      height: MediaQuery.of(context).size.height,
      padding: const EdgeInsets.all(32),
      child: ListView(
        // ...
      ),
    );
  },
);

Dessa forma, o modal será rolável quando o teclado estiver aberto, permitindo que você visualize o campo nome corretamente.

Espero que isso resolva o seu problema! Se tiver mais alguma dúvida, é só me dizer. Bons estudos!

Obrigado Marheus,