问通过WebView将Mathquill集成到React Native中
EN

Stack Overflow用户

提问于 2017-08-17 16:22:40

回答 1查看 439关注 0票数 1

在WebView中，我添加了index.html

<WebView     
   source={{ uri: 'file:///android_asset/index.html' }}    
   startInLoadingState={true}    
   style={{ marginTop: 20, height: 100 }} />

在index.html文件中

<!DOCTYPE html>
<html>
<header>
    <link rel="stylesheet" href="./mathquill.css" />
    <script src="./jquery.min.js"></script>
    <script src="./mathquill.js"></script>
    <script>
        var MQ = MathQuill.getInterface(2);
    </script>
</header>
<body>
        <span id="problem">ax^2 + bx + c = 0</span>
        <script>
          var problemSpan = document.getElementById('problem');
          MQ.StaticMath(problemSpan);
        </script>
</body>
</html>

我想知道如何与WebView通信以更改要显示的文本。

react-native

回答 1

Stack Overflow用户

发布于 2017-08-17 17:16:18

找到解决方案了。

将此内容添加到index.html

  document.addEventListener("message", function(data) {
     ...
  }

将WebView更改为

  <WebView 
    ref={(webview) => this.webview = webview }
    source={{ uri: 'file:///android_asset/index.html' }}
    startInLoadingState={true}
    style={{ marginTop: 20, height: 100 }}
  />

并通过(我在componentDidMount中测试)发布数据

  componentDidMount() {
    this.webview.postMessage('message')
  }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45730008

复制

相似问题

问通过WebView将Mathquill集成到React Native中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过WebView将Mathquill集成到React Native中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过WebView将Mathquill集成到React Native中
EN