Home > Software design >  How Do I align my second Text widget with the circle avatar baseline
How Do I align my second Text widget with the circle avatar baseline

Time:10-26

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),
                    ),
                  ],
                ),
              ],
            ),
          ],
        ),

Image

CodePudding user response:

Set the crossAxisAlignment for the Row to crossAxisAlignment: CrossAxisAlignment.end

CodePudding user response:

Try below code hope its useful to you use ListTile() widget for that refer listtile image

  • Related