当我更改Text的字体大小时，CircleAvatar边距也在更改，为什么会这样？

Question

当我更改Text的字体大小时，CircleAvatar边距也在更改，为什么会这样？

代码：

 home: Scaffold(
      backgroundColor: Colors.teal,
      body: SafeArea(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,

          children: [
            CircleAvatar(
              radius: 50.0,
              backgroundImage: AssetImage('images/pic.jpg'),
            ),
            Text(
              'michael scofield',
              style: TextStyle(
                fontFamily: 'pacifico',
                fontSize: 40.0,
                color: Colors.white,
                fontWeight: FontWeight.bold,
              ),
            ),
          ],
        ),
      ),
    )

Answer 1

发生这种情况是因为您没有使用crossAxisAlignment。默认将其自动设置为中心。使用以下代码将其设置为向左对齐。

Scaffold(
          backgroundColor: Colors.teal,
          body: SafeArea(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                CircleAvatar(
                  radius: 50.0,
                  backgroundImage: AssetImage('images/pic.jpg'),
                ),
                Text(
                  'michael scofield',
                  style: TextStyle(
                    fontFamily: 'pacifico',
                    fontSize: 60.0,
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ],
            ),
          ),
        )