在Android原生应用开发中，有时我们需要集成Web功能，比如使用HTML5和JavaScript。Android原生应用可以通过几种方法调用JavaScript，以下是一些常见的方法和示例。

1. 使用WebView

WebView是Android中一个内置的类，用于显示网页内容。通过WebView，我们可以调用JavaScript代码。

1.1 创建WebView

首先，在布局文件中添加一个WebView组件：

<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

然后在Activity中初始化WebView：

WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);

1.2 加载HTML页面

加载一个HTML页面：

webView.loadUrl("https://www.example.com");

1.3 调用JavaScript

在HTML页面中定义一个JavaScript函数，并在Android中调用它：

HTML页面：

<!DOCTYPE html>
<html>
<head>
    <title>WebView Example</title>
</head>
<body>
    <h1>Hello WebView</h1>
    <button id="callJs">Call JavaScript</button>
    <script type="text/javascript">
        function callAndroid() {
            Android.callFromJavaScript();
        }
    </script>
</body>
</html>

Android代码：

webView.addJavascriptInterface(new WebAppInterface(), "Android");
webView.loadUrl("file:///android_asset/index.html");

public class WebAppInterface {
    Context mContext;

    WebAppInterface(Context c) {
        mContext = c;
    }

    @JavascriptInterface
    public void callFromJavaScript() {
        Toast.makeText(mContext, "JavaScript called Android!", Toast.LENGTH_SHORT).show();
    }
}

2. 使用Chrome Custom Tabs

Chrome Custom Tabs提供了一种更现代的方式来展示网页，并允许用户在应用内保持对浏览器历史的控制。

2.1 添加依赖

在build.gradle文件中添加以下依赖：

implementation 'androidx.browser.customtabs:customtabs:1.0.0'

2.2 创建Chrome Custom Tabs

在Activity中创建Chrome Custom Tabs：

CustomTabsIntent customTabsIntent = new CustomTabsIntent.Builder()
    .setShowTitle(true)
    .build();
customTabsIntent.launchUrl(this, Uri.parse("https://www.example.com"));

3. 使用React Native

React Native是一种允许使用JavaScript和React编写原生移动应用的框架。

3.1 创建React Native项目

使用React Native CLI创建一个新项目：

npx react-native init MyNewProject

3.2 集成Web组件

在React Native项目中，你可以直接使用JavaScript和HTML，或者使用第三方库，如react-native-webview，来集成WebView。

npm install react-native-webview

然后在React组件中使用WebView：

import { WebView } from 'react-native-webview';

function MyWebComponent() {
  return (
    <WebView
      source={{ uri: 'https://www.example.com' }}
      style={{ width: '100%', height: '100%' }}
    />
  );
}

通过以上方法，你可以高效地在Android原生应用中调用JavaScript，集成Web功能。选择最适合你项目需求的方法，并充分利用这些技术来实现更丰富的用户体验。