美文网首页
ClipRRect圆角矩形剪裁

ClipRRect圆角矩形剪裁

作者: 喜剧收尾_XWX | 来源:发表于2020-08-12 12:30 被阅读0次
    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return MaterialApp(
          title: "ClipRRect圆角矩形剪裁",
          theme: ThemeData(
            primaryColor: Colors.lightGreen,
          ),
          home: Scaffold(
              appBar: AppBar(
                title: Text('ClipRRect圆角矩形剪裁'),
              ),
              body: Center(
                //圆形剪裁
                child: ClipRRect(
                  borderRadius: BorderRadius.all(Radius.circular(30.0)),
                  child: SizedBox(
                    width: 300,
                    height: 300,
                    child: Image.asset(
                      "images/8.jpeg",
                      fit: BoxFit.fill,
                    ),
                  ),
                ),
              )),
        );
      }
    }
    

    相关文章

      网友评论

          本文标题:ClipRRect圆角矩形剪裁

          本文链接:https://www.haomeiwen.com/subject/ebiydktx.html