我正在开发一个带有WebView. 我使用了一个 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 文件。我试图搜索相同的但没有找到任何样本。如果有人能在这里帮助/指导我，我将不胜感激。