向上滑動面板中的頁腳隱藏內容

我正在使用sliding_up_panel小部件和頁腳屬性在底部顯示一些底部。問題是面板的內容隱藏在頁腳內容后面。我試著按照文檔中的建議添加填充，但這似乎并沒有得到理想的結果。

以下是小部件文檔的摘要。

頁腳：浮動在面板上方并附著到面板底部的可選持久控件。面板底部的內容將被此小部件覆蓋。在面板底部添加襯墊以避免覆蓋。

SlidingUpPanel(
  backdropEnabled: true,
  color: Colors.transparent,
  minHeight: 140,
  maxHeight: 300,
  parallaxEnabled: true,
  footer: SizedBox(
    width: MediaQuery.of(context).size.width,
    child: Padding(
      padding: const EdgeInsets.all(10.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          SizedBox(
            width: double.infinity,
            child: ElevatedButton(
              onPressed: () {},
              child: Text("Subscribe"),
            ),
          ),
          Row(
            children: [
              Expanded(
                child: ElevatedButton(
                  onPressed: () {},
                  child: Text("Chat"),
                ),
              ),
              SizedBox(width: 10),
              Expanded(
                  child: ElevatedButton(
                onPressed: () {},
                child: Text("Learn More"),
              ))
            ],
          ),
        ],
      ),
    ),
  ),
  panel: Padding(
    padding: const EdgeInsets.only(bottom: 90.0),
    child: Container(
      decoration: const BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(30),
          topRight: Radius.circular(30),
        ),
      ),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Padding(
            padding: const EdgeInsets.all(20),
            child: Container(
              width: 40,
              height: 3,
              decoration: const BoxDecoration(
                color: Colors.black,
                borderRadius: BorderRadius.all(
                  Radius.circular(10),
                ),
              ),
            ),
          ),
          Align(
            alignment: Alignment.topLeft,
            child: Padding(
              padding: const EdgeInsets.only(
                left: 20,
                right: 20,
              ),
              child: Column(
                crossAxisAlignment:
                    CrossAxisAlignment.start,
                children: [
                  Text("Main Heading"),
                  Text("Sub Heading"),
                  Text(
                      "Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1 Text area 1"),
                  Text("Text area 2"),
                  Text("Text area 3"),
                ],
              ),
            ),
          ),
        ],
      ),
    ),
  ),
)

輸出如下圖所示：

Panel Closed

您可以注意到文本隱藏在按鈕后面。

Panel Open

我嘗試在面板上添加底部填充。當面板打開時，在面板底部增加了灰色區域。

請幫助防止將此文本隱藏在按鈕后面。