以颤动的百分比减少网络视图



我已经在flutter中使用InAppWebView包处理了一个简单的webview好几个星期了。关键是它根本没有响应,基本上我认为可以减少60%来解决它,但我无法达到令客户满意的效果。有人提出了如何在不接触服务器任何内容的情况下,按百分比减少网络视图的内容。

粘贴部分代码:

@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Demo',
style: TextStyle(height: 5, fontSize: 10),
),
backgroundColor: Colors.transparent,
toolbarHeight: 10,
),
body: Container(
child: Column(children: <Widget>[
Expanded(
child: Stack(
children: [
InAppWebView(
initialUrlRequest:
URLRequest(url: Uri.parse("[SERVER ADDRESS]")),
initialOptions: InAppWebViewGroupOptions(
crossPlatform: InAppWebViewOptions(
preferredContentMode: UserPreferredContentMode.DESKTOP,
),
),
onWebViewCreated: (InAppWebViewController controller) {
webView = controller;
},
onLoadStart: ( controler, url) {
},
onLoadStop: ( controller, url) async {
},
)
])),
])
),
),
);
}

如果有任何帮助,我将不胜感激。感谢

请尝试此包webview_flutter: ^3.0.0

我也尝试过webview_flutter,但我发现了同样的问题,它的响应不是很快,我不得不降低它的百分比。

粘贴代码:

@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white10,
appBar: AppBar(
title: const Text('DEMO'),
actions: <Widget>[
NavigationControls(_controller.future),
SampleMenu(_controller.future),
],
),

body: Builder(builder: (BuildContext context) {
return WebView(
initialUrl: '{SERVER ADDRESS}',
javascriptMode: JavascriptMode.unrestricted,
onWebViewCreated: (WebViewController webViewController) {
_controller.complete(webViewController);
},
onProgress: (int progress) {
print('WebView is loading (progress : $progress%)');
},
javascriptChannels: <JavascriptChannel>{
_toasterJavascriptChannel(context),
},
navigationDelegate: (NavigationRequest request) {
if (request.url.startsWith('{SERVER ADDRESS}')) {
print('blocking navigation to $request}');
return NavigationDecision.prevent;
}
print('allowing navigation to $request');
return NavigationDecision.navigate;
},
onPageStarted: (String url) {
print('Page started loading: $url');
},
onPageFinished: (String url) {
print('Page finished loading: $url');
},
gestureNavigationEnabled: true,
backgroundColor: const Color(0x00000000),
);
}),
);
}

最新更新