mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-06-05 18:18:20 +08:00
50 lines
1.5 KiB
Dart
50 lines
1.5 KiB
Dart
/*
|
||
* @Author: 一凨
|
||
* @Date: 2018-12-08 14:26:00
|
||
* @Last Modified by: 一凨
|
||
* @Last Modified time: 2018-12-08 16:10:55
|
||
*/
|
||
|
||
import 'package:flutter/material.dart';
|
||
import '../../../../../common/widget_demo.dart';
|
||
import './fade_in_image_demo.dart';
|
||
|
||
|
||
const contentText0 = '''
|
||
### **简介**
|
||
> placeHodler image到目标图片的一种过渡widget
|
||
- 使用FadeInImage可以类似网络加载的图片以一个更加优雅的形式出现在屏幕上
|
||
- 如果这个图片已经被加载了，或者已经存在内存中，那么placeholder图片将不会显示
|
||
''';
|
||
|
||
const contentText1 = '''
|
||
### **基本用法**
|
||
> FadeInImage的写法跟Image类似，有很多别的命名构造函数。
|
||
- fadeOutDuration和fadeOutCurve控制placeholder的淡出动画
|
||
- fadeInDuration和fadeInCurve控制目标图像的淡入动画
|
||
- 对于placeholder，更倾向于使用已经缓存的，以防止他也会突然的出现在屏幕上
|
||
|
||
''';
|
||
|
||
|
||
class Demo extends StatefulWidget {
|
||
static const String routeName = '/element/Media/Image/FadeInImage';
|
||
_DemoState createState() => _DemoState();
|
||
}
|
||
|
||
class _DemoState extends State<Demo> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return WidgetDemo(
|
||
codeUrl: 'elements/Media/Image/FadeInImage/fade_in_image_demo.dart',
|
||
docUrl: 'https://docs.flutter.io/flutter/widgets/FadeInImage-class.html',
|
||
title:'FadeInImage',
|
||
contentList: [
|
||
contentText0,
|
||
contentText1,
|
||
FadeInImageDemo(),
|
||
],
|
||
);
|
||
}
|
||
}
|