| 
				
			 | 
			
			
				@@ -7,6 +7,7 @@ 
			 | 
		
	
		
			
			| 
				7
			 | 
			
				7
			 | 
			
			
				  
			 | 
		
	
		
			
			| 
				8
			 | 
			
				8
			 | 
			
			
				 import React, { Component } from 'react'; 
			 | 
		
	
		
			
			| 
				9
			 | 
			
				9
			 | 
			
			
				 import { Platform, StyleSheet, Text, View } from 'react-native'; 
			 | 
		
	
		
			
			| 
				
			 | 
			
				10
			 | 
			
			
				+import { WebView } from 'react-native-webview' 
			 | 
		
	
		
			
			| 
				10
			 | 
			
				11
			 | 
			
			
				  
			 | 
		
	
		
			
			| 
				11
			 | 
			
				12
			 | 
			
			
				 const instructions = Platform.select({ 
			 | 
		
	
		
			
			| 
				12
			 | 
			
				13
			 | 
			
			
				   ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu', 
			 | 
		
	
	
		
			
			| 
				
			 | 
			
			
				@@ -20,8 +21,11 @@ export default class App extends Component { 
			 | 
		
	
		
			
			| 
				20
			 | 
			
				21
			 | 
			
			
				     return ( 
			 | 
		
	
		
			
			| 
				21
			 | 
			
				22
			 | 
			
			
				       <View testID="welcome" style={styles.container}> 
			 | 
		
	
		
			
			| 
				22
			 | 
			
				23
			 | 
			
			
				         <Text style={styles.welcome}>Welcome to React Native!</Text> 
			 | 
		
	
		
			
			| 
				23
			 | 
			
				
			 | 
			
			
				-        <Text style={styles.instructions}>To get started, edit App.js</Text> 
			 | 
		
	
		
			
			| 
				24
			 | 
			
				
			 | 
			
			
				-        <Text style={styles.instructions}>{instructions}</Text> 
			 | 
		
	
		
			
			| 
				
			 | 
			
				24
			 | 
			
			
				+        <WebView 
			 | 
		
	
		
			
			| 
				
			 | 
			
				25
			 | 
			
			
				+          testID="testWebView" 
			 | 
		
	
		
			
			| 
				
			 | 
			
				26
			 | 
			
			
				+          style={styles.webview} 
			 | 
		
	
		
			
			| 
				
			 | 
			
				27
			 | 
			
			
				+          src={{ uri: "https://www.facebook.com/Engineering/" }} 
			 | 
		
	
		
			
			| 
				
			 | 
			
				28
			 | 
			
			
				+        /> 
			 | 
		
	
		
			
			| 
				25
			 | 
			
				29
			 | 
			
			
				       </View> 
			 | 
		
	
		
			
			| 
				26
			 | 
			
				30
			 | 
			
			
				     ); 
			 | 
		
	
		
			
			| 
				27
			 | 
			
				31
			 | 
			
			
				   } 
			 | 
		
	
	
		
			
			| 
				
			 | 
			
			
				@@ -39,9 +43,7 @@ const styles = StyleSheet.create({ 
			 | 
		
	
		
			
			| 
				39
			 | 
			
				43
			 | 
			
			
				     textAlign: 'center', 
			 | 
		
	
		
			
			| 
				40
			 | 
			
				44
			 | 
			
			
				     margin: 10, 
			 | 
		
	
		
			
			| 
				41
			 | 
			
				45
			 | 
			
			
				   }, 
			 | 
		
	
		
			
			| 
				42
			 | 
			
				
			 | 
			
			
				-  instructions: { 
			 | 
		
	
		
			
			| 
				43
			 | 
			
				
			 | 
			
			
				-    textAlign: 'center', 
			 | 
		
	
		
			
			| 
				44
			 | 
			
				
			 | 
			
			
				-    color: '#333333', 
			 | 
		
	
		
			
			| 
				
			 | 
			
				46
			 | 
			
			
				+  webview: { 
			 | 
		
	
		
			
			| 
				45
			 | 
			
				47
			 | 
			
			
				     marginBottom: 5, 
			 | 
		
	
		
			
			| 
				46
			 | 
			
				48
			 | 
			
			
				   }, 
			 | 
		
	
		
			
			| 
				47
			 | 
			
				49
			 | 
			
			
				 }); 
			 |