flutter - 如何将我的第二个文本小部件与圆形头像基线对齐

Question

body: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Row(
          children: [
            Padding(
              padding: const EdgeInsets.only(top: 20.0),
              child: CircleAvatar(
                radius: 50,
                child: Text('Sample'),
              ),
            ),
            SizedBox(
              width: 10,
            ),
            Column(
              children: [
                Text(
                  'Flutter McFlutter',
                  style:
                      TextStyle(fontSize: 30, fontWeight: FontWeight.w600),
                ),
                Column(
                  children: [
                    Text(
                      'Experienced App Developer',
                      style: TextStyle(
                          fontSize: 20, fontWeight: FontWeight.w600),
                    ),
                  ],
                ),
              ],
            ),
          ],
        ),

标签： flutterflutter-layout

Answer 1

将行的 crossAxisAlignment 设置为crossAxisAlignment: CrossAxisAlignment.end