React Native - WebView
Dans ce chapitre, nous allons apprendre à utiliser WebView. Il est utilisé lorsque vous souhaitez afficher une page Web sur votre application mobile en ligne.
Utilisation de WebView
le HomeContainer sera un composant de conteneur.
App.js
import React, { Component } from 'react'
import WebViewExample from './web_view_example.js'
const App = () => {
return (
<WebViewExample/>
)
}
export default App;
Créons un nouveau fichier appelé WebViewExample.js à l'intérieur de src/components/home dossier.
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,
}
})
Le programme ci-dessus générera la sortie suivante.