1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
| import 'package:flutter/material.dart'; import 'package:transparent_image/transparent_image.dart'; import 'package:cached_network_image/cached_network_image.dart';
class ImageDemoPage extends StatefulWidget { @override State<StatefulWidget> createState() => new _ImageDemoPagePageState(); }
class _ImageDemoPagePageState extends State<ImageDemoPage> {
@override void initState() { super.initState(); }
Widget build(BuildContext context) { return Scaffold( appBar: new AppBar( title: new Text('Image Demo'), ), body: SingleChildScrollView( child: Column( children: <Widget>[ new Image.asset('images/lion.jpg', width: 200.0, height: 150.0,), new Image.asset( 'images/husky.jpg', fit: BoxFit.cover, width: 200.0, height: 150.0, ), new Image( image: new NetworkImage('http://www.yezhou.me/images/flutter/tangyixin.jpg'), width: 200.0, height: 150.0, ), new FadeInImage.memoryNetwork( placeholder: kTransparentImage, fadeInDuration: const Duration(seconds: 50), image: 'http://www.yezhou.me/images/flutter/tang.jpg', width: 200.0, height: 150.0, ), new CachedNetworkImage( placeholder: new CircularProgressIndicator(), imageUrl: 'http://www.yezhou.me/images/flutter/tangyixin.jpg', errorWidget: new Image.asset('images/pic1.jpg', width: 200.0, height: 150.0), width: 200.0, height: 150.0, ), Image.network( 'http://www.yezhou.me/images/flutter/tang.jpg', width: 200.0, height: 150.0, ), ], ) ) ); } }
|