How to show downloading status of file in percentage in flutter by using dio plugin? - flutter

Question

How to use dio plugin for file downloading ? also, if file is already downloaded then user can directly view it without download. if it is not then user can download and also see progress indicator with downloaded percentage.
import 'dart:async';
import 'dart:io';
import 'dart:isolate';
import 'dart:ui';
import 'package:device_info_plus/device_info_plus.dart';
import 'package:external_path/external_path.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_downloader/flutter_downloader.dart';
import 'package:get/get.dart';
import 'package:nb_utils/nb_utils.dart';
import 'package:path_provider/path_provider.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:world_virtual_coin/services/app_utils.dart';
import 'package:world_virtual_coin/services/theme.dart';
import 'package:world_virtual_coin/widget/colors.dart';
import '../services/size_config.dart';
class DownloadCtrl {
String progressString = "0";
late String localPath;
ReceivePort _port = ReceivePort();
StreamController<int> indexController = StreamController<int>.broadcast();
String downloadTaskId = '';
DownloadCtrl();
init() {
IsolateNameServer.registerPortWithName(
_port.sendPort,
'invoice_send_port',
);
_port.listen((dynamic data) {
String id = data[0];
DownloadTaskStatus status = data[1];
int progress = data[2];
if (status == DownloadTaskStatus.complete) {
Future.delayed(const Duration(seconds: 1), () {
Get.back();
// indexController.add(100);
// downloadTaskId = id;
FlutterDownloader.open(taskId: id);
});
}
progressString = progress.toString();
});
FlutterDownloader.registerCallback(downloadCallback);
}
Future _findLocalPath() async {
var directory;
if (Platform.isAndroid) {
// directory = await getExternalStorageDirectory();
directory = await ExternalPath.getExternalStoragePublicDirectory(ExternalPath.DIRECTORY_DOWNLOADS);
} else {
directory = await getApplicationDocumentsDirectory();
}
return directory is String ? directory : directory.path;
}
Future download(String url, BuildContext context) async {
var androidVersion;
final DeviceInfoPlugin deviceInfoPlugin = DeviceInfoPlugin();
var deviceData = <String, dynamic>{};
try {
if (Platform.isAndroid) {
AndroidDeviceInfo deviceInfo = await deviceInfoPlugin.androidInfo;
androidVersion = num.parse(deviceInfo.version.release.toString());
// androidVersion = 9;
// print("Device version" + androidVersion.toString());
}
} on PlatformException {
deviceData = <String, dynamic>{'Error:': 'Failed to get platform version.'};
}
_checkPermission().then((hasGranted) async {
if (hasGranted) {
localPath = await _findLocalPath();
final savedDir = Directory(localPath);
bool hasExisted = await savedDir.exists();
if (!hasExisted) {
savedDir.create();
}
String pathOfFile = '$localPath/${url.split('/').last}';
File file = File(pathOfFile);
if (await file.exists() && Platform.isAndroid) {
_performVersionSpecificOperation(file, androidVersion, url, localPath, context);
} else {
_proceedDownload(url, localPath, context);
}
}
});
}
Future showLoadingBottomSheet(context, path) async {
showModalBottomSheet(
backgroundColor: Colors.transparent,
context: context,
isDismissible: false,
builder: (BuildContext context) {
return WillPopScope(
onWillPop: () {
return Future.value();
},
child: Container(
color: Colors.black87.withOpacity(0.7),
width: w(100),
height: h(20),
child: Stack(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
StreamBuilder(
stream: indexController.stream,
initialData: 0,
builder: (BuildContext context, AsyncSnapshot<int> snapshot) {
return (snapshot.hasData && snapshot.data! < 100)
? Column(
mainAxisSize: MainAxisSize.min,
children: [
const CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(colorPrimary),
),
5.height,
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
text('Downloading ', textColor: colorPrimary, fontFamily: fontBold, fontSize: 17.0),
10.width,
text(
snapshot.hasData ? '${snapshot.data} %' : '',
textColor: colorPrimary,
fontFamily: fontBold,
fontSize: 17.0,
),
],
),
],
)
: SizedBox.shrink();
},
),
5.height,
StreamBuilder(
stream: indexController.stream,
builder: (BuildContext context, AsyncSnapshot<int> snapshot) {
return (snapshot.hasData && snapshot.data == 100)
? Column(
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: [
Expanded(
flex: 27,
child: text(
'File saved at:',
textColor: colorPrimary,
fontSize: 16.0,
),
),
Expanded(
flex: 73,
child: text(
'$path',
textColor: whiteColor,
fontFamily: fontMedium,
fontSize: 17.0,
),
),
],
),
),
5.height,
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
border: Border.all(
color: colorPrimary.withOpacity(0.15),
width: 2.5,
),
),
child: text(
'Open',
textColor: whiteColor,
fontFamily: fontBold,
).paddingSymmetric(
vertical: 2,
horizontal: 10,
),
).onTap(() {
Future.delayed(Duration(seconds: 1), () {
Get.back();
FlutterDownloader.open(taskId: downloadTaskId);
});
}),
],
)
: SizedBox.shrink();
},
)
],
),
const Align(
alignment: Alignment.topRight,
child: Icon(
Icons.cancel_presentation,
color: Colors.red,
size: 25,
),
).onTap(() {
Get.back();
}),
],
),
),
);
},
);
}
Future<bool> _checkPermission() async {
PermissionStatus status = await Permission.storage.status;
// Either the permission was already granted before or the user just granted it.
if (status.isGranted) {
return true;
} else {
bool permission = await Permission.storage.request().isGranted;
if (permission) {
return true;
} else {
return false;
}
}
}
static void downloadCallback(
String id,
DownloadTaskStatus status,
int progress,
) {
final SendPort? send = IsolateNameServer.lookupPortByName('invoice_send_port');
send!.send([id, status, progress]);
}
void dispose() {
IsolateNameServer.removePortNameMapping('invoice_send_port');
indexController.close();
}
_proceedDownload(url, path, context) async {
showLoadingBottomSheet(context, path);
await FlutterDownloader.enqueue(
url: url,
savedDir: localPath,
showNotification: true,
openFileFromNotification: true,
saveInPublicStorage: true,
);
}
_performVersionSpecificOperation(File file, androidVersion, url, path, context) async {
if (androidVersion <= 9) {
try {
await file.delete();
} catch (e) {
return 0;
}
_proceedDownload(url, path, context);
}
// else if (androidVersion == 10) {
// AppUtils.showErrorSnackBar('You have already downloaded this File');
// }
else {
_proceedDownload(url, path, context);
}
}
}
I made above class for download pdf. and below button has mathod to download it.
CustomButton(
onPressed: () {
DownloadCtrl().download("https://www.clickdimensions.com/links/TestPDFfile.pdf", context);
},
label: 'Save Pdf',
),
Now the problem is, initially pdf will download on click of button butif user tap second time it should check first file is already exist in device or not. if it is exist direct open it else proceed for download.
for that, I haved below plugins,
flutter_downloader: ^1.10.1+2
permission_handler: ^10.2.0
device_info_plus:
external_path: ^1.0.3