database - 让 webview 在 flutter 上使用某些触发器更改数据

Question

我有一个带有单选小部件的 flutter 测验项目，当按下下一个按钮时，数据将更改(更改问题)我尝试在问题或问题文本上使用 WebView，但没有数据更改，

以下是带有文字的测验

Container(
     width: 250,
     child: new Text(
                                             
     "${dataQuestions["list_question"][_counter]["data_option"][loop]["option_text"]}",
     maxLines: 2,
     overflow: TextOverflow.ellipsis,),)

我用 WebView 做的

new Container(
    height: 50,
    width: 250,
    child: WebView(
        initialUrl: '${dataQuestions["list_question"][_counter]["data_option"][loop]["option_text"]}',
        javascriptMode: JavascriptMode.unrestricted,
        onWebViewCreated: (WebViewController webViewController) {
        _controller.complete(webViewController);},
    )),

Answer 1

首先为您的WebView创建一个 Controller

WebViewController _webViewController = WebViewController();

然后将其分配给webview

new Container(
height: 50,
width: 250,
child: WebView(
    controller: _webViewController,
    initialUrl: '${dataQuestions["list_question"][_counter]["data_option"][loop]["option_text"]}',
    javascriptMode: JavascriptMode.unrestricted,
    onWebViewCreated: (WebViewController webViewController) {
    _controller.complete(webViewController);},
)),

在您的 nextButton 按下回调中(您正在增加 _counter 和循环变量)通过 _webViewController 加载下一个

_webViewController.loadUrl('${dataQuestions["list_question"][_counter]["data_option"][loop]["option_text"]}');