美文网首页Flutter
Flutter(二十五)CircleAvatar圆形组件

Flutter(二十五)CircleAvatar圆形组件

作者: 天色将变 | 来源:发表于2019-07-18 09:14 被阅读2次
属性
  • radius: 100, // 半径 radius 不能与minRadius 和maxRadius共存,minRadius和maxRadius二者可以一起存在
  • minRadius: 50,// 最小半径
  • maxRadius: 150,// 最大半径
  • backgroundColor: Colors.black12,// 背景色 优先级比backgroundImage低
  • backgroundImage: AssetImage("images/avatar3.jpg"),// 背景图片 在child下方
  • foregroundColor: Colors.orange[200],// 前景色 在child上方
  • child: Text('sss',style: TextStyle(fontSize: 25),),//内部显示的widget
image.png
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Padding(
        padding: EdgeInsets.symmetric(vertical: 10,horizontal: 50),//指定水平(left right)或垂直方向(top,bottom)的值
          child: CircleAvatar(
            radius: 100, // 半径
//            minRadius: 50,// 最小半径
//            maxRadius: 150,// 最大半径  
            backgroundColor: Colors.black12,// 背景色
            backgroundImage: AssetImage("images/avatar3.jpg"),// 背景图片
            foregroundColor: Colors.orange[200],// 前景色
            child: Text('sss',style: TextStyle(fontSize: 25),),//内部显示的widget
          ),
        ),
      ),
    );
  }
}

相关文章

网友评论

    本文标题:Flutter(二十五)CircleAvatar圆形组件

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