How to open an website inside the react-native app(Android and iOS)

Question

I need to open the website inside my react-native app. Needs to work for both iOS and Android

Do you need it to be opened inside on of your screens or it could be opened inside external webbrowser? — Kirill Kunst
– Kirill Kunst, Commented Oct 24, 2019 at 5:20
@KirillKunst I need to open inside in my screens I need to design the header and footer section of that screen — sejn
– sejn, Commented Oct 24, 2019 at 5:50

Kirill Kunst · Accepted Answer · 2019-10-24 05:53:53Z

1

You can use WebView component: https://facebook.github.io/react-native/docs/webview.html.

Something like this:

import React, { Component } from 'react';
import { WebView } from 'react-native';
class MyWebViewComponent extends Component {
  render() {
     return (
      <WebView
         source={{uri: 'https://google.com'}}
         style={{marginTop: 10}}
      />
    );
  }
}

answered Oct 24, 2019 at 5:53

Kirill Kunst

1511 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

How to open an website inside the react-native app(Android and iOS)

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related