1
resposta

Teste estudo

Boa noite

Parei pra fazer um teste de como seria o Card com ListTile feito do zero.

Alguém pode avaliar se minha abordagem está ok?

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        home: Scaffold(
          body: Column(
            children: [
              const Card(
                child: ListTile(
                  leading: Icon(Icons.monetization_on),
                  title: Text('100.00'),
                  subtitle: Text('1000'),
                ),
              ),



             /**
             * MEU ListTile CLONE
             */
              Card(
                child: Row(
                  children: [
                    const Padding(
                      padding: EdgeInsets.fromLTRB(18.00, 15.00, 32.00, 30.00),
                      child: Icon(
                        Icons.monetization_on,
                        color: Color(0xFF888888),
                      ),
                    ),
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: const [
                        Padding(
                          padding: EdgeInsets.symmetric(
                              vertical: 3.00, horizontal: 0.00),
                          child: Text(
                            '100.00',
                            style: TextStyle(
                              fontSize: 16.00,
                            ),
                          ),
                        ),
                        Text(
                          '1000',
                          style: TextStyle(
                            color: Color(0xFF888888),
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),

            /**
            * FIM MEU ListTile CLONE
            */


            ],
          ),
          appBar: AppBar(
            title: const Text('Transferências'),
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () => {},
            child: const Icon(Icons.add),
          ),
        ),
      ),
    );
1 resposta

Fala Marcelo, de boa ??

Cara é bem assim mesmo, sempre dá para melhorar um pouco o código e tentar deixa-lo mais sucinto e simples para quem for ler, algo que a galera geralmente curte fazer é deixar o item, que é esse card que tu fez, ser um widget separado, em outro arquivo mesmo, assim fica mais fácil de compreender o código! São detalhezinhos que a galera tem adotado aos poucos, mas no começo é bem comum a gente sair codando e só querer ver tudo funcionar :D