-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
48 lines (41 loc) · 1.22 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import React from 'react';
import {StyleSheet, Text, View, Button, TextInput} from 'react-native';
import {WebBrowser} from 'expo';
export default class App extends React.Component {
state = {
url: 'https://akhromieiev.com'
};
openWebPage = async (url) => {
if (!url) throw 'MISSED_PARAMS';
try {
return await WebBrowser.openBrowserAsync(url);
}
catch (e) {
console.log('Error', e);
}
};
render() {
return (
<View style={styles.container}>
<TextInput
style={{height: 40, borderColor: 'gray', borderWidth: 1, width: '100%'}}
placeholder="Type url"
onChangeText={(text) => this.setState({url: text})}
value={this.state.url}
/>
<Button
onPress={() => this.openWebPage(this.state.url)}
title="Open Web Page"
color="#841584"/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});