thumbnailer 1.0.1 
thumbnailer: ^1.0.1 copied to clipboard
4q.euPlugin that is able to generate thumbnails from files with various mime types. If thumbnail generation is not support for specific mime type, then a fallback icon is returned
example/lib/main.dart
import 'package:thumbnailer/thumbnailer.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
void main() {
runApp(MyApp());
}
/// example app demonstrating thumbnailer plugin
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
Thumbnailer.addCustomMimeTypesToIconDataMappings(<String, IconData>{
'custom/mimeType': FontAwesomeIcons.key,
});
}
final List<Tab> myTabs = <Tab>[
const Tab(text: 'Icons'),
const Tab(text: 'Images'),
const Tab(text: 'Creation Strategies'),
];
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Padding(
padding: const EdgeInsets.symmetric(vertical: 10),
child: DefaultTabController(
length: myTabs.length,
child: Scaffold(
appBar: AppBar(title: TabBar(tabs: myTabs)),
body: TabBarView(
children: <Widget>[
Padding(
padding: const EdgeInsets.only(top: 5),
child: GridView.count(
crossAxisCount: 2,
children: <Widget>[
Column(
children: const <Widget>[
Thumbnail(
mimeType: 'text/html',
widgetSize: 100,
),
Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'simplest Thumbnail , only set necessary params (mimeType,widgetSize)',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
mimeType: 'text/html',
widgetSize: 100,
decoration: WidgetDecoration(
backgroundColor: Colors.blueAccent,
iconColor: Colors.red,
),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'Thumbnail with set background color and icon color',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
mimeType: 'text/html',
dataSize: 125000,
name: 'file name',
widgetSize: 100,
decoration: WidgetDecoration(
backgroundColor: Colors.blueAccent,
iconColor: Colors.red,
),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'Thumbnail with name and dataSize',
textAlign: TextAlign.center,
overflow: TextOverflow.clip,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
mimeType:
'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
dataSize: 125000,
name: 'file name',
widgetSize: 100,
decoration: WidgetDecoration(
backgroundColor: Colors.blueAccent,
iconColor: Colors.red,
),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Center(
child: Text(
'Icons are set thanks to mimeType param and map (Thumbnailer._mimeTypeToIconDataMap) which maps mimeType to IconData',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
mimeType:
'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
dataSize: 125000,
name: 'file name',
widgetSize: 100,
decoration: WidgetDecoration(
backgroundColor: Colors.blueAccent,
iconColor: Colors.red,
textColor: Colors.red,
wrapperBgColor: Colors.black,
),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'Thumbnail with set text color and wrapper color',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
mimeType:
'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
dataSize: 125000,
name: 'file name',
widgetSize: 100,
decoration: WidgetDecoration(
backgroundColor: Colors.blueAccent,
iconColor: Colors.red,
textColor: Colors.red,
wrapperSize: 120,
wrapperBgColor: Colors.black,
),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'Thumbnail with wrapper size set',
textAlign: TextAlign.center,
overflow: TextOverflow.clip,
),
),
],
),
],
),
),
Padding(
padding: const EdgeInsets.only(top: 5),
child: GridView.count(
crossAxisCount: 2,
children: <Widget>[
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/png-sample.png'))
.buffer
.asUint8List();
},
mimeType: 'image/png',
widgetSize: 100,
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'png image',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/png-sample.png'))
.buffer
.asUint8List();
},
mimeType: 'image/png',
widgetSize: 100,
dataSize: 12345,
name: 'png',
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'png image with data size and name set',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/jpg-sample.jpg'))
.buffer
.asUint8List();
},
mimeType: 'image/jpg',
widgetSize: 100,
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'jpg image',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/jpg-sample.jpg'))
.buffer
.asUint8List();
},
mimeType: 'image/jpg',
decoration: WidgetDecoration(
wrapperBgColor: Colors.deepOrange,
wrapperSize: 110,
),
widgetSize: 100,
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'jpg image with wrapper and wrapper color',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/jpg-sample.jpg'))
.buffer
.asUint8List();
},
mimeType: 'image/jpg',
onlyIcon: true,
decoration: WidgetDecoration(
wrapperBgColor: Colors.deepOrange,
wrapperSize: 110,
),
widgetSize: 100,
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'jpg with flag preferIcon set to true',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/png-sample.png'))
.buffer
.asUint8List();
},
mimeType: 'image/png',
onlyIcon: true,
dataSize: 12345,
name: 'png',
widgetSize: 100,
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'png with flag preferIcon set to true',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
],
),
),
Padding(
padding: const EdgeInsets.only(top: 5),
child: GridView.count(
crossAxisCount: 1,
children: <Widget>[
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/png-sample.png'))
.buffer
.asUint8List();
},
mimeType: 'image/png',
widgetSize: 300,
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'in basic implementation there are 3 creation strategies, 1st is for images',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load('assets/samples/pdf-sample.pdf'))
.buffer
.asUint8List();
},
mimeType: 'application/pdf',
widgetSize: 300,
decoration: WidgetDecoration(
wrapperBgColor: Colors.blueAccent),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'2nd is for pdf files (blue on edges is colored wrapper)',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
Column(
children: <Widget>[
Thumbnail(
dataResolver: () async {
return (await DefaultAssetBundle.of(context)
.load(
'assets/samples/xlsx-sample.xlsx'))
.buffer
.asUint8List();
},
mimeType:
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
widgetSize: 300,
decoration: WidgetDecoration(
wrapperBgColor: Colors.blueAccent),
),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 7),
child: Text(
'3rd is for xlsx and odt files',
overflow: TextOverflow.clip,
textAlign: TextAlign.center,
),
),
],
),
],
),
),
],
),
),
),
),
),
);
}
}Metadata
89
likes
0
points
6.54k
downloads
Publisher
Weekly Downloads
Metadata
Plugin that is able to generate thumbnails from files with various mime types. If thumbnail generation is not support for specific mime type, then a fallback icon is returned
Repository (GitHub)
View/report issues
License
unknown (license)
Dependencies
flutter, flutter_web_plugins, font_awesome_flutter, native_pdf_renderer, native_pdf_view, spreadsheet_decoder
