Load html inside webview using react native

js webview html javascript react-native 4 years, 10 months ago

// html.js module.exports = function() { return ` <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> `}; // LoadHTMLInWebView.js import React from 'react'; import {WebView} from 'react-native-webview'; export default class LoadHTMLInWebView extends React.Component{ render(){ return( <WebView style={{width: 300}} source={require('./html.js')()} //If both files are in the same level originWhitelist={['*']} /> ); } }

1530

0

0

Install react-native-webview using npm
npm i react-native-webview --save
try to seperate the code into two files, try to run the react component.

Posted By

Please Login to Comment Here


                            //Basic way
<!DOCTYPE html>
<html>

javascript react js html


                            <!DOCTYPE html>
<html>
  <head>


                            <h3> Print all elements</h3>
<div>
    {% for item in my_list %}

html python django


                            <script src="https://ajax.googleapis.com
<script src="https://maxcdn.bootstrapcdn
<link href="https://maxcdn.bootstrapcdn.


                            <html>
    <body>
        <table data-ng-repeat="(key, val

html json angular js


                            <html>
    <body>
        <table data-ng-repeat="(key, val

html json angular js


                            <!-- will give first 100 characters from
{{ my_string | slice:"100 "}}

html python django


                            {% for my_object in my_object_list %}
    {{ forloop.counter }} {# starting in
    {{ forloop.counter0 }} {# starting i

python django html


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

html react-native webview javascript js


                            //plugin to any test js file and proceed
//This is the best standard to work with
const style = {background:'cyan', color:

javascript react js css


                            import React from 'react'
//No need to give the complete path, rea
//If not exists searches globally

javascript react js


                            //State Component
<!DOCTYPE html>
<html>

javascript react js


                            //Basic way
<!DOCTYPE html>
<html>

javascript react js webpack


                            import React from 'react'
export default class ToggleComponent ext
  constructor(props){

javascript react js


                            import React from 'react'
export default class StateProps extends

javascript react js


                            import React, { Component } from 'react'

javascript react js


                            async function showAvatar() {

  // read our JSON


                            //JS Code
function runShellScript(){
    const process = require('child_proce

javascript shell node js


                            //Fill


                            //Parent.js
import React from "react";
import Child from './Child'

javascript react js