En varías pantallas en ocasiones se requiere de la descarga de un PDF para su vista en la app.
Para indicarle al usuario que se esta realizando la descarga, se utiliza showDialog
con un CircularProgressIndicator
indicando que se esta realizando la descarga, esto funciona sin problemas hasta el momento.
Actualmente globalice dicha acción en un archivo y paso por parámetro el BuildContext
, que al parecer no es muy recomendable sobre todo para lo que se llama clean architecture, por lo que quiero hacerlo lo mejor posible y sobre todo optimo por si en un futuro se desea actualizar diseño o cosas por el estilo.
funcionamiento general de mi viewPDF
Future<void> viewPDF({ @required BuildContext context, @required DataPDF dataPDF}) async {
final String npdf = dataPDF.id;
final path = (await getApplicationDocumentsDirectory()).path;
File archivo = File('$path/$npdf.pdf');
// verificar existencia del archivo en el dispositivo
if (await archivo.exists()) {
final data = {
// datos de PDF a enviar a otra pantalla...
"pathPDF":archivo.path};
Navigator.pushNamed(context, 'viewPdf', arguments: data);
}else{
final result = await _descargando(context, ApiService.downPDF(npdf));
print('descarga finalizada');
if (result['ok']) {
final data = {
// datos de PDF a enviar a otra pantalla...
"pathPDF": result['archivo'].path};
Navigator.pushNamed(context, 'viewPdf', arguments: data);
}else{
_messageAlert( context, result["archivo"] );
}
}
}
El showDialog
contiene un FutureBuilder
para ayudar a saber cuando la descarga a finalizado y así saber cuando dejar de mostrarlo
Future<Map<String, dynamic>> _descargando(BuildContext context, Future future) async {
Map<String, dynamic> result;
await showDialog(
barrierDismissible: false,
context: context,
builder: (context){
return AlertDialog(
title: Text('Descargando..'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
FutureBuilder(
future: future,
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (snapshot.hasData) {
result = snapshot.data;
_dismissWidget(context);
const SizedBox.shrink();
}
return CircularProgressIndicator();
},
),
],
),
);
}
);
return result;
}
_dismissWidget(BuildContext myContext) async {
Future((){
Navigator.of(myContext).pop();
});
}
Todo esto se encuentra dentro de un archivo que se manda a llamar cada ves que se quiera descargar y visualizar un archivo PDF, pero me interesa mas que nada también poder utilizar el showDialog
o solo AlertDialog
para mostrar el progreso de otras posibles peticiones que tarden un poco en responder.
Actualmente intente hacerlo diferente para no enviar el BuildContext
y ahora el showDialog
se construye en la misma clase del Widget build()
pero eso significa que tengo que crear el mismo showDialog
en cada lugar que lo utilice.
lo único que se me hace que puedo separar en un Widget
propio es lo del AlertDialog
AlertDialog(
title: Text('Descargando..'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
FutureBuilder(
future: future,
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (snapshot.hasData) {
result = snapshot.data;
_dismissWidget(context);
const SizedBox.shrink();
}
return CircularProgressIndicator();
},
),
],
),
);
Widget
personalizado para enviar elFuture
del cual elWidget
mostrar el circular mientras se resuelve elFuture
, para esto la idea es mostrarlo parecido alshowDialog
encima de la pantalla que realice la llamada