从文件加载本地HTML

Question

我是React Native的新手，我尝试在WebView中加载本地.html文件，但不幸的是，应用程序崩溃而没有任何控制台登录。

我的代码很简单：

import React, { Component } from 'react';
import { AppRegistry, View, Text, Dimensions, WebView} from 'react-native';

class HTMLLoader extends Component {
  render() {
    const PolicyHTML = require('./text.html');

    var {height, width} = Dimensions.get('window');

    return (
        <WebView
          source={{html: PolicyHTML}}
          style={{width: width, height: height}}
       />
    );
  }
}

export default class IScrolledDownAndWhatHappenedNextShockedMe extends Component {
  render() {
      return (
            <HTMLLoader/>
    );
  }
}

// skip these lines if using Create React Native App
AppRegistry.registerComponent(
  'AwesomeProject',
  () => IScrolledDownAndWhatHappenedNextShockedMe);

这是.html文件的内容：

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

任何提示都将受到欢迎。 谢谢

Answer 1

我已经找到问题的答案，更新的return已发布在下面：

return (
    <WebView
      source={PolicyHTML} // object should be assigned directly to the WebView source property
      style={{width: width, height: height}}
   />
);

从文件加载本地HTML

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-08-21 07:51:08

从文件加载本地HTML

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-08-21 07:51:08

解决方案1
0 已采纳 2017-08-21 07:51:08