Flutter 中帶有 webview 的后退按鈕

Question

我正在嘗試在我的屏幕上使用 webview 實現后退按鈕，但不確定為什么它看起來像這樣，所以如果我能得到任何幫助或建議，我將不勝感激。

  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(

        padding: EdgeInsets.symmetric(horizontal: 20),
        child: Column(
          children: [
            Container(
              margin: EdgeInsets.only(top: 50, bottom: 20),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  InkWell(
                    onTap: () => Navigator.pop(context),
                    child: SvgPicture.asset(
                      iconsPath + "arrow-left.svg",
                      color:  Color(0xFF282828),
                      width: 20,
                    ),
                  ),
                  SizedBox(width: 20),

                ],
                
              ),
              
            ),
            Container(
              color: Colors.blue,
              child: WebView(initialUrl: "https://google.com", javascriptMode: JavascriptMode.unrestricted
            )
            )],
         
        ),
      ),
      
    );
  }

Answer 1

獲取Container高度和寬度值。

將您的代碼更改為此。

            Container(
              color: Colors.blue,
              height: 200,
              width: double.infinity,
              child: WebView(
                initialUrl: "https://google.com",
                javascriptMode: JavascriptMode.unrestricted,
              ),
            ),