下面是我代码的一个简单视图。它有两个堆栈元素，都包含可点击的内容。顶部元素覆盖了底部元素，我不能点击底部元素。我该怎么办？
`

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: SafeArea(
      child: Container(
       ///decoration
        height: SizeConfig.screenHeight,
        width: SizeConfig.screenWidth,
        child: Stack(
          children: [
            Container(
              width: SizeConfig.screenWidth,
              height: SizeConfig.screenHeight! * 0.3,
              ///decoration
              ///child: content
              ///THIS IS FIXED CONTENT. LIKE AN 'HEADER'
              ///clickable contents here
            ),
            SingleChildScrollView(
              child: Container(
                margin: EdgeInsets.only(top: SizeConfig.screenHeight! * 0.25),
                constraints: BoxConstraints(
                  minHeight: SizeConfig.screenHeight! * 0.75,
                  maxHeight: double.infinity,
                ),
                ///decoration and child, content
                ///THIS IS CONTENT SIDE FOR PAGE.
                ///this is scrollable and when scrolling up it goes above the header, continues up
                ///looks like DraggableScrollableSheet
                //////clickable contents here
              ),
            )
          ],
        ),
      ),
    ),
  );
}

`
我尝试了忽略指针、吸收指针等，但无法解决。
这是我下面的解决方案。它的背景为flexibleSpace的CustomScrollView应用程序栏。

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Container(
          //color: HTKColors.the_green_color,
          ///decoration
          height: SizeConfig.screenHeight,
          width: SizeConfig.screenWidth,
          child: Stack(
            children: [
              Container(
                width: SizeConfig.screenWidth,
                height: SizeConfig.screenHeight! * 0.3,
                ///decoration
              ),
              CustomScrollView(
                slivers: [
                  SliverAppBar(
                    expandedHeight: SizeConfig.screenHeight! * 0.25,
                    backgroundColor: Colors.transparent,
                    leading: const SizedBox(),
                    flexibleSpace: FlexibleSpaceBar(
                      collapseMode: CollapseMode.none,
                      background: SizedBox(
                        width: SizeConfig.screenWidth,
                        height: SizeConfig.screenHeight! * 0.25,
                        ///my bottom element (header)
                      ),
                    ),
                  ),
                  SliverList(
                    delegate: SliverChildListDelegate([
                      Container(
                        constraints: BoxConstraints(
                          minHeight: SizeConfig.screenHeight! * 0.75,
                          maxHeight: double.infinity,
                        ),
                        ///draggable top element
                      ),
                    ]),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }