How to get the height of parent layout - Flutter

Question

I want the height of container

 Container( // how to get height of the container
    child: Text('hello,\nhow to get\nheight of the parent layout'),
 ),

I try this,

  return LayoutBuilder(
    builder:
        (BuildContext context, BoxConstraints constraints) {
      print(constraints.maxHeight);
      return Container( // how to get height of the container
        child: Text('hello,\nhow to get\nheight of the parent layout'),
      );
    },
  );

The height print always 0 value

not max height, i want the dynamic height @JahidulIslam – HasanToufiqAhamed Sep 19 '21 at 05:52 — HasanToufiqAhamed, Sep 19 '21 at 05:52
Follow https://stackoverflow.com/q/41558368/10157127 – Md. Yeasin Sheikh Sep 19 '21 at 06:45 — Md. Yeasin Sheikh, Sep 19 '21 at 06:45

score 1 · Answer 1 · answered Sep 19 '21 at 05:56

it will be worked for dynamic height, You need to bind your child with a parent widget

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: LayoutBuilder(
            builder:
                (BuildContext context, BoxConstraints constraints) {
              print(constraints.maxHeight);
              return Container(
                height: constraints.maxHeight, //set height of the container
                color: Colors.yellow,
                child: Text('hello,\nhow to get\nheight of the parent layout'),
              );
            },
          ),
        ),
      ),
    );
  }
}

score 0 · Answer 2 · answered Sep 19 '21 at 05:51

0

About Your code snippet

return LayoutBuilder(
    builder:
        (BuildContext context, BoxConstraints constraints) {
      print(constraints.maxHeight);
      return Container( // how to get height of the container
        child: Text('hello,\nhow to get\nheight of the parent layout'),
      );
    },
  );

You are trying to get child size. To get parent size, you need to use LayoutBuidler as child on that widget.

like this,

class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(body: LayoutBuilder(
      builder: (context, bodyConstraints) {
        print("body height : ${bodyConstraints.maxHeight}");

        return Container(
          height: 200,
          color: Colors.deepOrangeAccent,
          child: LayoutBuilder(
            builder: (context, containerConstraints) {
              print("Container height ${containerConstraints.maxHeight}");

              return Text(
                " body Height: ${bodyConstraints.maxHeight} \n container height: ${containerConstraints.maxHeight}",
              );
            },
          ),
        );
      },
    ));
  }
}

does it solve your issue?

answered Sep 19 '21 at 05:51

Md. Yeasin Sheikh

54,221
7
29
56

Container height Infinity. Not working. – HasanToufiqAhamed Sep 19 '21 at 05:56
I think it is coming from parent, can you edit the question including its parent and adding context widget tree? – Md. Yeasin Sheikh Sep 19 '21 at 05:58
If it's row/column/expanded......... you might always get infinite height. And yes you are getting height, and it is infinite. – Md. Yeasin Sheikh Sep 19 '21 at 06:04
its column..... – HasanToufiqAhamed Sep 19 '21 at 06:05
You will get infinite height in this case as I mentioned in previous comment, I would prefer using Body LayoutBuilder's constraints and set its children height. – Md. Yeasin Sheikh Sep 19 '21 at 06:10
Do you get the problem now? Feel free to close the question. – Md. Yeasin Sheikh Sep 19 '21 at 06:15

How to get the height of parent layout - Flutter

2 Answers2