Hola estoy intentando hacer una aplicación, la primera pantalla la logré hacer, sin embargo, la segunda pantalla o bueno la del registro debe salir hasta la mitad, ahí se deben llenar los datos y demás. Como puedo hacer eso en flutter, que la pantalla salga desde abajo, cuando oprimo el btn.
1 respuesta
Hay un paquete que te ayuda con eso modal bottom sheet luego que haces el import en la clase, puedes utilizar este tipo de modal:
RaisedButton(
onPressed: abrirModal,
child: Text('abrir modal'),
);
Ahora creas el método que es el que estás llamando en la propiedad onPressed
:
void abrirModal(){
showModalBottomSheet(
context: context,
builder: (context){
return Padding(
padding: MediaQuery.of(context).viewInsets,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text('MODAL BOTTOM SHEET'),
SizedBox(height: 25),
Text('MODAL BOTTOM SHEET'),
]),
);
}
)
}
De todos modos lee la documentación de este paquete, te va a ser muy útil por las propiedades que tiene.
-
Hola, me ha servido muchísimo tu ayuda, tengo una duda extra ¿Como hago para que el modal se agrande más? solo me llega hasta la mitad, quisiera que pasara mas de la mitad Commented el 13 jul. 2022 a las 22:42
-
Puedes encerrar la columna en un SizedBox y a ese SizedBox aplicarle la altura algo asi: height: MediaQuery.of(context).size.width * 0.65, me comentas si te sirve Commented el 14 jul. 2022 a las 3:15