どうも、ちょげ(@chogetarou)です。
webview_flutterパッケージのWebViewの拡大を有効にする方法を紹介します。
方法

WebViewの拡大を有効にするには、引数「zoomEnabled」を使います。
具体的には、WebViewの引数「zoomEnabled」に「true」を指定します。
WebView(
initialUrl: 'url',
zoomEnabled: true,
),
引数「zoomEnabled」に「true」を指定することで、WebViewの拡大が有効になります。
使用例
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
var _isLoading = false;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('WebView Sample'),
),
body: Stack(
children: [
if (_isLoading)
Align(
alignment: Alignment.center,
child: CircularProgressIndicator(),
),
WebView(
zoomEnabled: true,
initialUrl: 'https://www.choge-blog.com',
onPageStarted: (url) {
setState(() {
_isLoading = true;
});
},
onPageFinished: (url) {
setState(() {
_isLoading = false;
});
},
javascriptMode: JavascriptMode.unrestricted,
),
],
),
);
}
}
コメント