前端学习flutter-05Image组件

import ‘package:flutter/material.dart‘;

void main() {
  runApp(new MyApp());
}


class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(title: Text("flutter demo")), body: HomeContent()),
    );
  }
}


//----------------------------图片组件------------------------
class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: Container(
        // child: Image.network("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605768097268&di=8e7c0e6b8d5731c548a1f485004899c2&imgtype=0&src=http%3A%2F%2Fimg-blog.csdnimg.cn%2F20190228171638303.gif"),
        // child: Image.asset(‘images/index.jpg‘,
            // width: 300,
            // height: 200,
            // alignment:Alignment.topCenter,
            // color: Colors.lightBlueAccent,
            // colorBlendMode: BlendMode.color,
          // fit: BoxFit.fill,//属性用来控制图片的拉伸和挤压
          // repeat:ImageRepeat.repeatY ,
        // ),
        // width: 300,
        // height: 300,
        //
        // decoration: BoxDecoration(
        //   color: Colors.yellow,
        //   // borderRadius: BorderRadius.all(Radius.circular(150),)
        //   //  圆形图片1
        //   borderRadius: BorderRadius.circular(150),
        //   image: DecorationImage(
        //     image: NetworkImage("https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3168187623,1715072137&fm=26&gp=0.jpg"),
        //     fit: BoxFit.cover
        //   )
        // ),
      //  圆形图片2
        child: ClipOval(
            child: Image.network("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2326245208,185105380&fm=26&gp=0.jpg",
            height: 100.0,
            width: 100,
            fit: BoxFit.cover,
            ),
        ),
        
      ),
    );
  }
}