flutter 布局appbar bottombar溢出

Question

我的應用程序的每個頁面都有一個 appbar 和一個 bottombar 小部件。

在其中一個頁面中，我想在一列中顯示一個 Text 小部件和一個 WebView 小部件，其中 Text 小部件的高度為 30dp，而 WebView 用於填充剩余的空間。

但是，考慮到 appbar 和 bottombar 的大小，我想不出一種方法來填充 WebView。

          return Column(
            children: [
              Container(
                height: 30,
                child: Text(
                  "alarm : ${_Message().toString()}",
                  style: TextStyle(fontSize: 15),
                ),
              ),
              Container(
                height: MediaQuery.of(context).size.height * 0.7, <- hard coded
                child: WebView(
                  initialUrl:
                      url,
                  javascriptMode: JavascriptMode.unrestricted,
                  onWebViewCreated:
                      (WebViewController webViewController) async {
                    _controller.complete(webViewController);
                  },
                ),
              )
            ],
          );

現在 webview 是硬編碼的。

我應該如何更改代碼？

Answer 1

      return Column(
                children: [
                  Container(
                    height: 30,
                    child: Text(
                      "alarm : ${_Message().toString()}",
                      style: TextStyle(fontSize: 15),
                    ),
                  ),
                 Expanded(
                    child:Container(
                      child: WebView(
                      initialUrl:
                          url,
                      javascriptMode: JavascriptMode.unrestricted,
                      onWebViewCreated:
                          (WebViewController webViewController) async {
                        _controller.complete(webViewController);
                      },
                    ),
                  ),)
                ],
              );