प्रतिक्रियाशील मूल - WebView

इस अध्याय में, हम सीखेंगे कि WebView का उपयोग कैसे करें। इसका उपयोग तब किया जाता है जब आप वेब पेज को अपने मोबाइल ऐप इनलाइन पर रेंडर करना चाहते हैं।

WebView का उपयोग करना

HomeContainer एक कंटेनर घटक होगा।

App.js

import React, { Component } from 'react'
import WebViewExample from './web_view_example.js'

const App = () => {
   return (
      <WebViewExample/>
   )
}
export default App;

हमें एक नई फ़ाइल बनाने के लिए कहा जाता है WebViewExample.js के अंदर src/components/home फ़ोल्डर।

web_view_example.js

import React, { Component } from 'react'
import { View, WebView, StyleSheet }

from 'react-native'
const WebViewExample = () => {
   return (
      <View style = {styles.container}>
         <WebView
         source = {{ uri:
         'https://www.google.com/?gws_rd=cr,ssl&ei=SICcV9_EFqqk6ASA3ZaABA#q=tutorialspoint' }}
         />
      </View>
   )
}
export default WebViewExample;

const styles = StyleSheet.create({
   container: {
      height: 350,
   }
})

उपरोक्त कार्यक्रम निम्न आउटपुट उत्पन्न करेगा।