Using the Scaffold scope

gistfile1.txt

import 'package:flutter/material.dart';

class ScreenSizeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    print("ZAXA >>>>> build on the ScreenSizeScreen trigggered");
    return Scaffold(
      appBar: AppBar(
        title: Text('Screen Size'),
      ),
      body: LayoutBuilder(
        builder: (BuildContext context, BoxConstraints constraints) {
          final screenHeight = MediaQuery.of(context).size.height;
          return Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(
                  'Screen Height: $screenHeight',
                  style: TextStyle(fontSize: 18.0),
                ),
                SizedBox(height: 16.0),
                ElevatedButton(
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(builder: (context) => SecondScreen()),
                    );
                  },
                  child: Text('Open Second Screen'),
                ),
              ],
            ),
          );
        },
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: TextField(

          style: TextStyle(fontSize: 18.0),
        ),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: ScreenSizeScreen(),
  ));
}