Welcome to the Flutter feedback portal. We’re happy you’re here! If you have feedback on how to improve the Flutter, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

Hi,


How can I achieve that, I can use the "IntrinsicHeight(...)" widget around my Row,


Basic code:


class _MyHomePageState extends State_MyHomePage_ {

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        backgroundColor: Theme.of(context).colorScheme.inversePrimary,

        title: Text(widget.title),

      ),

      body: Container(

        decoration: BoxDecoration(border: Border.all(color: Colors.green, width: 5, style: BorderStyle.solid)),

        child: Column(

          crossAxisAlignment: CrossAxisAlignment.start,

          children: [

            IntrinsicHeight(

              child: Row(

                children: [

                  Column(

                    children: [

                      Container(

                        decoration: BoxDecoration(

                          color: Colors.green.shade100,

                          border: Border.all(color: Colors.pink, width: 2, style: BorderStyle.solid),

                        ),

                        child: Column(

                          children: [

                            for (int i equals 0 _ i less than 20 

 _ 
i plusplus) const Text('Dynamic height content'),

                          ],

                        ),

                      )

                    ],

                  ),

                  Container(

                    decoration: BoxDecoration(

                      color: Colors.orange.shade100,

                      border: Border.all(color: Colors.orange, width: 5, style: BorderStyle.solid),

                    ),

                    child: MyInfiniteGrid(),

                  ),

                ],

              ),

            ),

            Divider(),

            Column(

              children: [

                const Text('Another dynamic height content'),

                const Text('Another dynamic height content'),

                const Text('Another dynamic height content'),

              ],

            ),

            Divider(),

            Column(

              children: [

                const Text('Another dynamic height content #2'),

                const Text('Another dynamic height content #2'),

                const Text('Another dynamic height content #2'),

              ],

            ),

            Divider(),

          ],

        ),

      ),

    )

  }

}


I need the SFDataGrid on the orange background to be the same height as the content on the left (green). Even if I have "i less than 10" or "i less than 20". The obvious solution would be to use the "IntrinsicHeight" widget, but unfortunately I get this error message: "LayoutBuilder does not support returning intrinsic dimensions.".


Do you have any tricks or solutions?