Flutter 实现圆角图片的多种方式

在Flutter中，可以使用ClipRRect小部件来实现圆角图片。这里是一个简单的例子：




import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: ClipRRect(
            borderRadius: BorderRadius.circular(16.0),
            child: Image.network(
              'https://picsum.photos/250?image=9',
              fit: BoxFit.cover,
            ),
          ),
        ),
      ),
    );
  }
}

在这个例子中，ClipRRect的borderRadius属性设置了圆角的半径，而Image.network则用来加载网络上的图片。这段代码会创建一个带有圆角的图片。

Flutter 实现圆角图片的多种方式

评论已关闭

推荐阅读