Flutter webivewplugin如何设置本地存储

Question

我的 Flutter 应用程序流程是这样的：

用户登录 1-如果登录成功，服务器返回一个令牌 2-将令牌设置为 webview 中的本地存储 3-打开 Webview 全屏到特定 URL 我正在使用这个 Webview 插件。示例代码显示它支持本地存储（它有一个 withLocalStorage 选项），但没有显示如何使用它。

我知道这个question1question2

如果我正确设置了本地存储，Webview 会显示帐户页面；否则为登录页面（ 这不是发生的事情） Instade 我收到此错误

I/chromium(13409): [INFO:CONSOLE(1)] "Uncaught SyntaxError: Invalid or unexpected token"，来源：(1)

我的代码：

    void webwiew(token) {
    flutterWebViewPlugin
        .launch(
      "URLExpml",
      withLocalStorage: true,
      withJavascript: true,
    )
        .whenComplete(() {
  final res = flutterWebViewPlugin.evalJavascript("(function() { try { window.localStorage.setItem('token', $token); } catch (err) { return err; } })();");

  print("Eval result webview : ${res.toString()}");
}); 
  }

Answer 1

来自https://github.com/fluttercommunity/flutter_webview_plugin/pull/51#issuecomment-399468804
您可以等到第一页加载完成，然后使用evalJavascript 访问LocalStorage
为此，您可以使用onStateChanged.listen 并检查state.type == WebViewState.finishLoad

StreamSubscription<WebViewStateChanged> _onStateChanged;
_onStateChanged = flutterWebviewPlugin.onStateChanged.listen((WebViewStateChanged state) {
  if (mounted) {
    if (state.type == WebViewState.finishLoad) {
      flutterWebviewPlugin.evalJavascript(
          "window.localStorage.setItem('LOCAL_STORAGE','SOMETOKEN');" +
              "document.getElementById('showLocalStorageBtn').click();"
      );
    }
  }
});