title: How to put two containers on the same screen without page scrolling?
body: <p>I have a search page. I display 2 containers with information on the search page. But I ran into a problem, my bottom station container goes off the screen and I need to scroll the page to see the information. How can I put 2 containers on the screen and not have to scroll the page so that 2 containers fit on the same screen?</p>
  <p><strong>1</strong></p>
  <pre><code>Widget _addresses(Size size, StationCubit stationCubit) =&gt; ConstrainedBox(
          constraints: BoxConstraints(
            maxHeight: MediaQuery.of(context).size.height / 2,
          ),
          child: SizedBox(
            width: size.width,
            child: ClipRRect(
              borderRadius: BorderRadius.circular(24),
              child: BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 8.0, sigmaY: 8.0),
                child: Container(
                    padding: const EdgeInsets.only(left: 20, top: 17),
                    decoration: BoxDecoration(
                      color: constants.Colors.greyXDark.withOpacity(0.8),
                      borderRadius: BorderRadius.circular(24),
                    ),
                    child: SingleChildScrollView(
                      controller: _addressesController,
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          const Text(
                            'Addresses',
                            style: constants.Styles.smallBookTextStyleWhite,
                          ),
                          const SizedBox(height: 25),
  </code></pre>
  <p><strong>2</strong></p>
  <pre><code>Widget _station(Size size, StationCubit stationCubit) =&gt; ConstrainedBox(
          constraints: BoxConstraints(
            maxHeight: MediaQuery.of(context).size.height / 2,
          ),
          child: SizedBox(
            width: size.width,
            child: ClipRRect(
              borderRadius: BorderRadius.circular(24),
              child: BackdropFilter(
                filter: ImageFilter.blur(sigmaX: 8.0, sigmaY: 8.0),
                child: Container(
                  padding: const EdgeInsets.only(left: 20, top: 17),
                  decoration: BoxDecoration(
                    color: constants.Colors.greyXDark.withOpacity(0.8),
                    borderRadius: BorderRadius.circular(24),
                  ),
                  child: SingleChildScrollView(
                    controller: _stationController,
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        const Text(
                          'Station',
                          style: constants.Styles.smallBookTextStyleWhite,
                        ),
  </code></pre>