我正在使用 NativeScript-vue。
我想使用 WebView 在本地资源中显示 HTML 文件。
src/components/App.vue:
<template>
<Frame>
<Page>
<GridLayout columns="*" rows="*">
<WebView row="0" col="0" src="~/assets/index.html" />
</GridLayout>
</Page>
</Frame>
</template>
Run Code Online (Sandbox Code Playgroud)
src/main.ts:
import Vue from 'nativescript-vue';
import App from './components/App.vue';
new Vue({
render: h => h(App)
}).$start();
Run Code Online (Sandbox Code Playgroud)
src/assets/index.html:
<html>
<body>
<div>test</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
App_Resources/Android/src/main/AndroidManifest.xml:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="__PACKAGE__"
android:versionCode="10000"
android:versionName="1.0">
<supports-screens
android:smallScreens="true"
android:normalScreens="true"
android:largeScreens="true"
android:xlargeScreens="true"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:name="com.tns.NativeScriptApplication"
android:allowBackup="true"
android:icon="@drawable/icon"
android:label="@string/app_name"
android:theme="@style/AppTheme"
android:usesCleartextTraffic="true">
<activity
android:name="com.tns.NativeScriptActivity"
android:label="@string/title_activity_kimera"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode" …Run Code Online (Sandbox Code Playgroud)