flutter_advanced_networkimage 0.3.14 flutter_advanced_networkimage: ^0.3.14 copied to clipboard
An advanced image provider provides caching and retrying for flutter app. Now with zoomable widget and transition to image widget
import 'package:flutter/material.dart';
import 'package:flutter_advanced_networkimage/flutter_advanced_networkimage.dart';
import 'package:flutter_advanced_networkimage/transition_to_image.dart';
import 'package:flutter_advanced_networkimage/zoomable_widget.dart';
import 'package:flutter_advanced_networkimage/zoomable_list.dart';
main() => runApp(MaterialApp(
title: 'Flutter Example',
theme: ThemeData(primaryColor: Colors.blue),
home: MyApp(),
));
class MyApp extends StatefulWidget {
@override
State<StatefulWidget> createState() => Example();
}
class Example extends State<MyApp> {
@override
Widget build(BuildContext context) {
return DefaultTabController(
length: 3,
child: Scaffold(
appBar: AppBar(
title: Text('Flutter Advanced Network Image Example'),
bottom: TabBar(
tabs: <Widget>[
Tab(text: 'load image'),
Tab(text: 'zooming'),
Tab(text: 'widget list'),
],
),
),
body: TabBarView(
physics: NeverScrollableScrollPhysics(),
children: <Widget>[
TransitionToImage(
AdvancedNetworkImage(
'https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png',
loadedCallback: () => print('It works!'),
loadFailedCallback: () => print('Oh, no!'),
),
fit: BoxFit.contain,
placeholder: Container(
width: 300.0,
height: 300.0,
color: Color(0),
child: const Icon(Icons.refresh),
),
width: 300.0,
height: 300.0,
),
ZoomableWidget(
panLimit: 0.7,
maxScale: 2.0,
minScale: 0.5,
multiFingersPan: false,
child: Image(
image: AdvancedNetworkImage(
'https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png',
),
),
onZoomStateChanged: (double value) {
print(value);
},
),
Builder(builder: (BuildContext context) {
GlobalKey _key = GlobalKey();
return ZoomableList(
childKey: _key,
panLimit: 1.0,
maxScale: 2.0,
minScale: 0.5,
child: Column(
key: _key,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Image(
image: AdvancedNetworkImage(
'https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png',
),
),
Image(
image: AdvancedNetworkImage(
'https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png',
),
),
Image(
image: AdvancedNetworkImage(
'https://assets-cdn.github.com/images/modules/logos_page/GitHub-Mark.png',
),
),
],
),
);
}),
],
),
),
);
}
}