[BUGS] Button in ResponsiveRowColumnItem cannot expanded

[moshOntong-IT]

    Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16),
            child: ResponsiveRowColumn(
              columnSpacing: 5,
              rowSpacing: 5,
              columnCrossAxisAlignment: CrossAxisAlignment.center,
              columnMainAxisAlignment: MainAxisAlignment.center,
              rowCrossAxisAlignment: CrossAxisAlignment.center,
              rowMainAxisAlignment: MainAxisAlignment.center,
              layout: breakpoint.isMobile
                  ? ResponsiveRowColumnType.COLUMN
                  : ResponsiveRowColumnType.ROW,
              children: [
                ResponsiveRowColumnItem(
                  rowFlex: 2,
                  child: OutlinedButton(
                    style: OutlinedButton.styleFrom(
                      padding: buttonPadding,
                    ),
                    onPressed: () {},
                    child: const Text(
                      'Send Message',
                    ),
                  ),
                ),
                ResponsiveRowColumnItem(
                  child: FilledButton(
                    style: FilledButton.styleFrom(
                      padding: buttonPadding,
                    ),
                    onPressed: () {},
                    child: const Text('Profile'),
                  ),
                ),
              ],
            ),
          ),

• The Buttons did not expanded based on the Flex of its parent which is ResponsiveRowColumnItem, how ever when I am uising Container, it will adapt the sizes based on its parent, only buttons occur the error

[anas43950]

Facing same issue when using Text widget inside ResponsiveRowColumnItem, I worked it around by placing the Text inside a column and setting it's crossAxisAlignment to stretch

Edit: you can also set rowFit: FlexFit.tight in ResponsiveRowColumnItem to fill the available space

[rayliverified]

Let's investigate tomorrow 🙂

…

On Sat, 18 May 2024, 1:49 am Anas Ansari, ***@***.***> wrote: Facing same issue when using Text widget inside ResponsiveRowColumnItem, I worked it around by placing the Text inside a column and setting it's crossAxisAlignment to stretch — Reply to this email directly, view it on GitHub <#160 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEXZO3XTYGWKMUUDXA72JJDZC32Y7AVCNFSM6AAAAAA6QLODM2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMJYGY3DOMRWGQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>