import React, { Component } from 'react'
import {
   Text,
   Button,
   View,
   TextInput
} from 'react-native'

export default class reactApp extends Component {
   constructor() {
      super()
      this.state = {
         myText: '\n\n\nenter your name, then press ok',
         name:""
      }
   }

   updateText = () => {
      this.setState({myText: '\n\n\nHello '+this.state.name+"!"})
   }
   //updateName = () => {
   //   this.setState({name: n})
   //}
   render() {
      return (
         <View>
            <Text onPress = {this.updateText}>
               {this.state.myText}
            </Text>
            <View
            style={{borderWidth : 5}}
            >
            <TextInput
              onChangeText={(textvalue) => this.setState({name:textvalue})}
              value={this.state.name}
            >
            </TextInput>
            </View>
            <Button
            title="ok"
            onPress={
              this.updateText
            }
            ></Button>
         </View>
      );
   }
}