• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Ocean123123
博客园    首页    新随笔    联系   管理    订阅  订阅

圆角图片的三种表现形式

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

main(){
  runApp(MyApp());
}
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home:Scaffold(
        body: Container(
          alignment: Alignment.center,
          margin: EdgeInsets.all(10),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                width: 100,
                height: 100,
                decoration: BoxDecoration(
                  color:Colors.red,
                  image:DecorationImage(
                    image: AssetImage("myimage/lunbo3.jpg")
                  ),
                  borderRadius:BorderRadius.all(Radius.circular(5.0))
                ),
              ),
              SizedBox(height: 50,),
              Container(
                width: 100,
                height: 100,
                decoration: BoxDecoration(
                  color: Colors.red,
                  borderRadius:BorderRadius.all(Radius.circular(5.0)),
                ),
                child: Image.asset("myimage/lunbo3.jpg",fit: BoxFit.cover,width: 70,height: 70,),

              ),
              SizedBox(height: 50,),
              ClipRRect(
                borderRadius: BorderRadius.all(Radius.circular(5.0)),
                child: Image.asset("myimage/lunbo3.jpg",fit: BoxFit.cover,width: 100,height: 100,),
              )
            ],
          ),
        ),
      ),
    );
  }

}

 

 
posted @ 2020-11-11 16:11  Ocean123123  阅读(82)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3