Как вызвать локальный файл в качестве источника для Webview в реагировать родной - PullRequest
Новая
       1

Как вызвать локальный файл в качестве источника для Webview в реагировать родной

0 голосов
/ 15 мая 2019

Я хочу отобразить содержимое моего «HTML-файла» в веб-представлении 

import HTML_FILE from '../screens/imagecropper.html';

<WebView
     originWhitelist={['*']}
     source={HTML_FILE}
     javaScriptEnabled={true}
/>

Вот HTML-код 

<!DOCTYPE html>
<html>
<head>
    <title>Moodle</title>
</head>
<body>
    <link rel="stylesheet" href="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.css">
    <script src="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.js"></script>
    <h1>Homepage Headline</h1>
    <p>This is a paragraph.</p>
</body>
</html>

Ожидаемый результат - заголовок главной страницы

Это абзац.

Но просто прочитайте содержание и отобразите код 

<!DOCTYPE html>
<html>
<head>
    <title>Moodle</title>
</head>
<body>
    <link rel="stylesheet" href="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.css">
    <script src="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.js"></script>
    <h1>Homepage Headline</h1>
    <p>This is a paragraph.</p>
</body>
</html>

1 Ответ

1 голос
/ 15 мая 2019

Вы можете сделать это таким образом

  • для Android: вставьте свой HTML-файл в папку ресурсов, чем вы можете получить его таким образом

    source={{uri:'file:///android_asset/webpage.html'}}

  • для iOS создайте папку в iOS и добавьте в нее файлы. и получить это так

    source={{uri:'./htmls/webpage.html'}}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...