Bem-vindos à nossa comunidade!

Junte-se a nós e faça parte hoje mesmo!

Aula: TextButton

Felipe Andrade

Novo Membro
Cadastro
4/6/21
Postagens
4
Curtidas
2
Pontuação
3
Cidade
Imbituva
Boa noite tudo bem?
Estou na aula 143 do flutter que seria referente aos ajustes do App de lançamento de despesas e responsividade.
Aonde o Leonardo acaba usando o FlatButton, porém como está como deprecated estou usando o TextButton,que é a orientação do proprio flutter.

Eu consegui fazer o que propoem a aula que seria criar um botão com o texto escrito na frente.
Porém gostaria de entender pq ele tem esse comportamento

Code:
TextButton(
    child: Container(
width: MediaQuery.of(context).size.width * 0.1 //seria aqui minha dúvida, caso eu coloque um tamanho fixo não será responsivo rs e fica variando a posição do btn, dessa forma ele fez igual na aula
        child: Row(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                           Icon(Icons.delete),
                           Text('Excluir')
                         ],
                        ),
                      ),
           onPressed: () => onRemove(tr.id),
 

Lucas Galdino

github.com/lucasgaldinomt
Moderador
Cadastro
24/9/20
Postagens
132
Curtidas
116
Pontuação
100
Cidade
Fortaleza
Você testou em telas de quais tamanhos para obter esse problema de responsividade, Felipe?
 

Felipe Andrade

Novo Membro
Cadastro
4/6/21
Postagens
4
Curtidas
2
Pontuação
3
Cidade
Imbituva
Oi Lucas, eu não sei se é um problema rs pq eu fiz oq pedia, só queria entender o porque...
Más ele fica dentro do trailing no componente ListTile. Vou mandar inteiro....
Code:
 trailing: MediaQuery.of(context).size.width > 400
            ? TextButton(
                child: Container(
                  width: MediaQuery.of(context).size.width * 0.1,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: [
                      Icon(
                        Icons.delete,
                        color: Colors.grey,
                      ),
                      Text(
                        'Excluir',
                        style: TextStyle(color: Colors.grey),
                      )
                    ],
                  ),
                ),
                onPressed: () => onRemove(tr.id),
              )
            : IconButton(
                icon: Icon(Icons.delete),
                color: Colors.grey,
                onPressed: () => onRemove(tr.id),
              ),
 

Lucas Galdino

github.com/lucasgaldinomt
Moderador
Cadastro
24/9/20
Postagens
132
Curtidas
116
Pontuação
100
Cidade
Fortaleza
Você chegou a testar trocar aquele 400 por algum valor também responsivo?
 
Top