flutter FadeInImage

import 'package:flutter/material.dart';

void main() {
  runApp( MaterialApp(
    title: 'Flutter gesture',
//    home: TutorialHome(),
    home: FadeInImageDemo(),
  ));
}


class FadeInImageDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        ClipOval(
          child:  FadeInImage.assetNetwork(
            placeholder: "assets/images/normal_user_icon.png", //预览图
            fit: BoxFit.fitWidth,
            image:
            "https://img.alicdn.com/tfs/TB148sWfMHqK1RjSZFgXXa7JXXa-536-482.png",
            width: 160.0,
            height: 160.0,
          ),
        ),
        SizedBox(
          height: 20.0,
        ),
        CircleAvatar(
          backgroundImage:  NetworkImage(
              "https://img.alicdn.com/tfs/TB148sWfMHqK1RjSZFgXXa7JXXa-536-482.png"),
          child:  Text("一凨"), //可以在图片上添加文字等等
        ),
      ],
    );
  }
}

 

posted on 2019-12-09 20:15  高彰  阅读(856)  评论(0编辑  收藏  举报

导航