Load native javascript inside webview in react-native

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

import React, { Component } from 'react'; import {View, WebView} from 'react-native-webview'; export default class LoadJavascriptInWebView extends Component { render() { let yourAlert = 'alert("Welcome to KoderPlace")' return ( <View style={{flex: 1}}> <WebView javaScriptEnabled={true} domStorageEnabled={true} injectedJavaScript={yourAlert} source={{ uri: "https://koderplace.com/" }} /> </View> ) } }

1860

0

0

install react-native-webview using npm
npm i react-native-webview --save
try to load the component wherever you want.
Happy Coding :-)

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


                            // html.js
module.exports = function() { return `
<html>

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