提交 2cb48e33 作者: liangjialin

圆形图片并裁剪

上级 43f534f6
...@@ -37,7 +37,7 @@ class LiangjialinHome extends StatelessWidget{ ...@@ -37,7 +37,7 @@ class LiangjialinHome extends StatelessWidget{
builder: (context) => liangjialin_image(), builder: (context) => liangjialin_image(),
)); ));
}, },
child: Text("图片组件Demo"), child: Text("网络加载图片并裁剪"),
), ),
], ],
), ),
......
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class liangjialin_image extends StatelessWidget{ class liangjialin_image extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
// TODO: implement build return new MaterialApp(
return MaterialApp( title: '图片Demo',
title: "梁佳霖", home: Scaffold(
home: new Scaffold( appBar: AppBar(title: Text("网络获取图片裁剪"),centerTitle: true,),
appBar: AppBar(title:Text('梁佳霖'),centerTitle: true), body: ImageDemoSection(),
), )
);
}
}
class ImageDemoSection extends StatelessWidget{
@override
Widget build(BuildContext context) {
return new Center(
child: new Container(
width: 300,
height: 300,
decoration: BoxDecoration(
color: Colors.green,
borderRadius: BorderRadius.all(Radius.circular(150.0)),
image: DecorationImage(
image: new NetworkImage('https://flylai.com/wp-content/uploads/2019/02/flutter_bg2-576x1024.png'),
fit: BoxFit.cover
),
),
)
); );
} }
} }
\ No newline at end of file
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论