es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo eliminar el espacio debajo del botón elevado en la parte inferior de la pantalla?

“`
import ‘package:flutter/material.dart’;

class AddPlaceScreen extends StatefulWidget {
static const routeName = ‘/add-place’;
@override
_AddPlaceScreenState createState() => _AddPlaceScreenState();
}

class _AddPlaceScreenState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Añadir nuevos datos del lugar’),
),
body: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Text(‘Entradas de usuario’),
ElevatedButton.icon(
onPressed: () {},
icon: Icon(Icons.add),
label: Text(‘Añadir lugar’),
),
],
),
);
}
}

Aquí obtengo un espacio debajo del botón elevado ubicado en la parte inferior de la página, por favor proporcione alguna solución para eliminarlo.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Para quitar el espacio extra debajo del ElevatedButton, puede configurar la propiedad mainAxisSize del widget Column a MainAxisSize.min. Esto hará que el widget Column solo tome la altura requerida para envolver sus widgets secundarios. Aquí está el código actualizado:

     import 'package:flutter/material.dart';
    
    class AddPlaceScreen extends StatefulWidget {
      static const routeName = '/add-place';
      @override
      _AddPlaceScreenState createState() => _AddPlaceScreenState();
    }
    
    class _AddPlaceScreenState extends State<addplacescreen> {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Añade datos de un nuevo lugar'),
          ),
          body: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            crossAxisAlignment: CrossAxisAlignment.stretch,
            mainAxisSize: MainAxisSize.min, // establezca la propiedad mainAxisSize a min
            children: [
              Text('Entradas de usuario'),
              ElevatedButton.icon(
                onPressed: () {},
                icon: Icon(Icons.add),
                label: Text('Añadir lugar'),
              ),
            ],
          ),
        );
      }
    }
    

    Esto debería quitar el espacio extra debajo del ElevatedButton.

Comments are closed.