为什么我不能在Flutter的AppBar中更改CircleAvatar或其他圆形窗口小部件的高度?

问题描述

我正在尝试在操作列表CircleAvatar内放置AppBar,但是CircleAvatar会将其高度保持在AppBar的高度上,从而无法调整大小并使其保持圆形。我已经尝试过将其包装在Container或SizedBox中,但是没有用。

示例:

import 'package:Flutter/material.dart';

class HouRSScreenEmployee extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white10,brightness: Brightness.light,elevation: 0,centerTitle: false,actions: [
          CircleAvatar(
            backgroundImage: NetworkImage("https://picsum.photos/500/300"),maxRadius: 15,minRadius: 15,),],title: Text(
          "La Chance ?",style: TextStyle(
            fontFamily: "Masiva",fontSize: 27,fontWeight: FontWeight.w800,color: Colors.black,);
  }
}

enter image description here

解决方法

您可以将CircleAvatar包裹在Row中:

actions: [
          Row(
            children: <Widget>[
              Container(
                height: 60,width: 60,child: CircleAvatar(
                  backgroundImage:
                      NetworkImage("https://picsum.photos/500/300"),maxRadius: 15,minRadius: 15,),],

结果:

res

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...