Flutter 我如何创建一个FlatButton,其中包含一个在Flatter中的WebView中打开URL的图像

Flutter 我如何创建一个FlatButton,其中包含一个在Flatter中的WebView中打开URL的图像,flutter,dart,Flutter,Dart,我想创建一个带有图像的FlatButton,该图像在Flatter的WebView中打开一个特定的URL 我怎样才能做到这一点? 任何帮助都将不胜感激。您可以使用Material widget创建一个充当按钮的图像,或者您可以使用带有image as child和onTap方法的手势检测器widget导航到新页面/屏幕,并在该页面/屏幕中加载所需的url。 通过遵循上述包中的示例,您可以满足您的需求 GestureDetector( onTap: () {//here n

我想创建一个带有图像的FlatButton,该图像在Flatter的WebView中打开一个特定的URL

我怎样才能做到这一点?
任何帮助都将不胜感激。

您可以使用Material widget创建一个充当按钮的图像,或者您可以使用带有image as child和onTap方法的手势检测器widget导航到新页面/屏幕,并在该页面/屏幕中加载所需的url。 通过遵循上述包中的示例,您可以满足您的需求

    GestureDetector(
        onTap: () {//here navigate to new page and in scaffold use webview
}
        child: Image.asset('path/the_image.png')
    )
而对于webview

WebView(
 initialUrl: 'https://flutter.dev',
 javascriptMode: JavascriptMode.unrestricted,
  );

谢谢您的迅速回复,我将试一试。
    // Flat Image Button with Inkwell Ripple and 'URL'. //

           Container(
              color: Colors.white,
              child: FlatButton(
                splashColor: Colors.grey[300],
                highlightColor: Colors.white,
                color: Colors.white,
                padding: EdgeInsets.all(25.0),
                onPressed: (){
                  // Navigator.pop(context); // Closes the Drawer
                  Navigator.push(context, 
                    MaterialPageRoute(builder: (context) => WebViewContainer('URL Goes Here'),
                    ),
                  );
                },
                child: Image.asset(
                  "assets/images/logo-1.png" //.png with transparent background to insure Successful Ink Ripple effect.
                  ),
                ),
              ),