}

onNavigation ({ url, loading }) {

StatusBar.setNetworkActivityIndicatorVisible(false)

this.setState({ url, typingUrl: url })

this.setState({ status: 'http' })

if (url.startsWith('dat://')) this.setState({ status: 'dat' })

if (url.startsWith('https://')) this.setState({ status: 'https' })

if (loading) {

StatusBar.setNetworkActivityIndicatorVisible(true)

this.setState({ status: 'loading' })

}

}

componentWillMount () {

nodejs.start('main.js')

nodejs.channel.addListener(

'message',

msg => {

alert('From node: ' + msg)

},

this

)

}

render () {

return (

<SafeAreaView style={styles.container}>

<StatusBar barStyle='light-content' />

<MenuProvider>

<View style={styles.navbar}>

<PageIndicator status={this.state.status} />

<TextInput

style={[commonStyles.font, styles.addressbar]}

autoCapitalize='none'

autoCorrect={false}

clearButtonMode='while-editing'

disableFullscreenUI

underlineColorAndroid='transparent'

selectionColor='#3498db'

value={this.state.typingUrl}

placeholder='dat://imstu.bid'

=> this.setState({ typingUrl: text })}

=> {

let url = this.state.typingUrl

// In many cases users only enter an url like google.com, we'll need to add a scheme.

if (!/^(about|https|http|dat):/i.test(url)) url = 'http://' + url

this.setState({ url, updatedUrl: url })

}}

/>

<Menu>

<MenuTrigger>

<Icon

name='more-vert'

color='#fff'

style={[commonStyles.font, styles.menu]}

/>

</MenuTrigger>

<MenuOptions>

<MenuOption value='refresh' => this.refs['mainFrame'].reload()}>

<Text style={commonStyles.font}>{I18n.t('controls.refresh')}</Text>

</MenuOption>

<MenuOption value={2}>

<Text style={commonStyles.font}>{I18n.t('controls.about')}</Text>

</MenuOption>

<MenuOption value={3}>

<Text style={commonStyles.font}>{I18n.currentLocale()}</Text>

</MenuOption>

</MenuOptions>

</Menu>

</View>

<WebView

ref='mainFrame'

source={{uri: this.state.updatedUrl}}

>