avatares más grandes y usuario por defecto en partida individual

lib/pantallas/pantalla_ajustes.dart

@@ -33,7 +33,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                 leading: AvatarFarolero(
                   texto: perfil.nombre.substring(0, 1).toUpperCase(),
                   assetPath: perfil.avatarAsset,
-                  size: 48,
+                  size: 128,
                 ),
                 title: Text(perfil.nombre),
                 subtitle: Text('@${perfil.nick}'),
@@ -123,7 +123,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
         builder: (ctx, setDialogState) => AlertDialog(
           title: const Text('Perfil del dispositivo'),
           content: SizedBox(
-            width: 420,
+            width: 520,
             child: SingleChildScrollView(
               child: Column(
                 mainAxisSize: MainAxisSize.min,
@@ -131,6 +131,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                   TextField(
                     controller: nombreController,
                     textCapitalization: TextCapitalization.words,
+                    onChanged: (_) => setDialogState(() {}),
                     decoration: const InputDecoration(
                       labelText: 'Nombre',
                       prefixIcon: Icon(Icons.person),
@@ -144,15 +145,23 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                       prefixIcon: Icon(Icons.alternate_email),
                     ),
                   ),
-                  const SizedBox(height: 16),
+                  const SizedBox(height: 18),
+                  AvatarFarolero(
+                    texto: nombreController.text.isEmpty
+                        ? '?'
+                        : nombreController.text.substring(0, 1).toUpperCase(),
+                    assetPath: avatarSeleccionado,
+                    size: 90,
+                  ),
+                  const SizedBox(height: 18),
                   GridView.builder(
                     shrinkWrap: true,
                     physics: const NeverScrollableScrollPhysics(),
                     gridDelegate:
                         const SliverGridDelegateWithFixedCrossAxisCount(
-                      crossAxisCount: 5,
-                      mainAxisSpacing: 8,
-                      crossAxisSpacing: 8,
+                      crossAxisCount: 4,
+                      mainAxisSpacing: 12,
+                      crossAxisSpacing: 12,
                     ),
                     itemCount: ServicioPerfilUsuario.avatares.length,
                     itemBuilder: (context, index) {
@@ -176,7 +185,7 @@ class _PantallaAjustesState extends State<PantallaAjustes> {
                           child: AvatarFarolero(
                             texto: '',
                             assetPath: avatar,
-                            size: 48,
+                            size: 72,
                           ),
                         ),
                       );