gpt4 book ai didi

javascript - 在 android Webview 中添加 ReactJS

转载 作者:行者123 更新时间:2023-11-29 02:30:16 25 4
gpt4 key购买 nike

我正在使用 WebView 开发 Android 原生应用程序。我使用 HTML 文件加载 WebView 并通过启用 Javascript 并添加 Javascript 界面通过 javascript 为 UI 元素提供功能。

WebView myWeb=(WebView)findViewById(R.id.webView1);
myWeb.getSettings().setJavaScriptEnabled(true);
myWeb.getSettings().setLoadWithOverviewMode(true);
myWeb.loadUrl("file:///android_asset/webview.html");

myWeb.addJavascriptInterface(new Object()
{
@JavascriptInterface
public void recognizeIt(String message)
{

Toast.makeText(WebViewActivity.this, message,
Toast.LENGTH_LONG).show();
Intent Intent = new Intent(WebViewActivity.this, StartActivity.class);
startActivity(Intent);
}
}, "Android");

下面是我的 html 文件。

<html>
<head>
<script type="text/javascript">
function shareIt(toast) {
var uname=document.getElementById("message").value;
Android.recognizeIt(uname);

}
</script>
</head>
<body>
<label id="username"><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="uname" required id="message">
<button type="button" onclick="shareIt('message')"> SEND </button>


</body>
</html>

现在我想使用 ReactJS 在我的应用程序中创建 UI 屏幕,而不是 html 文件。我试图搜索相同但没有找到任何样本。如果有人可以在这里帮助/指导我,我将不胜感激。

最佳答案

您编写的任何 JavaScript React 应用程序都可以加载到 Android WebView 中。只需尝试按照 https://reactjs.org/ 上的基本教程进行操作即可.然后将这些应用程序托管在网络服务器上,您就可以将它们加载到您的 Android WebView 中。

为确保 Android WebView 配置正确,您可以尝试将现有的 React 应用程序加载到您的 WebView 中。例如,尝试调用:

myWeb.loadUrl("https://ahfarmer.github.io/calculator/");

加载正常吗?如果是,则您的 WebView 已配置为能够显示您自己的 React 应用程序。

要运行 Web 服务器以从包含 html 文件的目录中提供文件的简单方法,请使用以下命令:

browser-sync start --server --https

要安装 browser-sync,请按照 https://browsersync.io/ 中的说明进行操作

关于javascript - 在 android Webview 中添加 ReactJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49857255/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com