2
votes

comment réaliser Flutter WebView Scale to Fit

Je veux réaliser quelque chose comme ça dans le flutter webview.

mais obtenir quelque chose comme ça.

comment puis-je obtenir ce premier type d'image de vue Web qui réduira la page.

flutter dart

0 commentaires

3 Réponses :

0
votes

votre deuxième image est le zoom de l'image réelle de la vue Web. pour agrandir la page Webview, vous pouvez écrire le code suivant.

routes: {
"/webview": (_) => WebviewScaffold(
url: url,
appBar: AppBar(
title: Text("Webview"),
),
withJavascript: true,
withLocalStorage: true,
withZoom: true,
)
}

1 commentaires

Je veux faire un zoom arrière sur la version comme le webview la première image (sans pincement par l'utilisateur)

1
votes

Vous devrez définir useWidePortView sur true.

Widget build(BuildContext context) {
   return WebviewScaffold(
   initialChild: Loading(),
   appBar: AppBar(
     title: Text(title),
   ),
   url: url,
   withZoom: true,
   scrollBar: true,
   withJavascript: true,
   useWideViewPort: true,
 );
}

0 commentaires

0
votes

Je le sais tard mais peut-être que c'est utile pour les autres. J'ai pu y parvenir en rendant le withWideViewPort et withOverviewMode true comme ci-dessous

WebviewScaffold(
userAgent: 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) ' + 'AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94Mobile Safari/537.36',
      withJavascript: true,
      clearCache: true,
      clearCookies: true,
      withZoom: true,
      scrollBar: true,
      useWideViewPort: true,
      url: widget.data.url,
      withOverviewMode: true,`
)

0 commentaires