html file is not linking/executing properly with react-native

Question

i am new to developing react-native application in which i need to link html file.it gives blank output on my android emulator, even not any error. I just want to know how to link html file with react native. Basic code samples are given below..

i have gone through the this below link but it is not working in my scenario.. (React Native) Load local HTML file into WebView

App.js

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

const DataHTML = require('./data.html');

export default class App extends Component<Props> {
  render() {
    return (
     <View>
        <WebView
            source={DataHTML} 
            style={{flex: 1}}
            />                
      </View>
    );
  }
}

data.html

<html>
<head></head>
<body>
    <h1>Hello</h1>
</body>
</html>

sdn404 · Accepted Answer · 2018-08-27 11:15:04Z

0

Normally the WebView should appear. Try setting flex to 1 for both the View and the WebView or set explicit sizes.

  <View style={{flex: 1}}>
    <WebView
       source={DataHTML}
       style={{flex: 1}}
    />
  </View>

Hope this helps !

answered Aug 27, 2018 at 11:15

sdn404

6345 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

html file is not linking/executing properly with react-native

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related