小编tek*_*uza的帖子

NativeScript-vue:无法在WebView中显示本地HTML

我正在使用 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)

android vue.js nativescript nativescript-vue

3
推荐指数
1
解决办法
1003
查看次数

标签 统计

android ×1

nativescript ×1

nativescript-vue ×1

vue.js ×1