Flutter 我如何创建一个FlatButton,其中包含一个在Flatter中的WebView中打开URL的图像
我想创建一个带有图像的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
任何帮助都将不胜感激。您可以使用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.
),
),
),