Kullanıcıdan ad ve soyadını isteyip, onChangeText özelliği ile metin değiştikçe ekrana yazacak, onSubmitEditing özelliği ile enter’a veya onay tuşuna basınca ad girildi, soyad girildi şeklinde uyarı yazdıracağız.

export default class App extends Component{

  constructor(props) {
    super(props);
    this.state = {ad: '', soyad:'', adgirildi: 'Ad girilmedi', soyadgirildi: 'Soyadgirilmedi'};
  }

  render() {
  
    return (
      <View style={{alignItems:'center'}}>
      <TextInput
          style={{color:'red', backgroundColor:'yellow',fontSize:30,height: 80}}
          placeholder="Adınız"          
          onChangeText={(ad) => this.setState({ad})}
          onSubmitEditing={() => this.setState({ adgirildi: "Ad girildi" })}
        />  
        <TextInput
          style={{color:'red', backgroundColor:'yellow',fontSize:30,height: 80}}
          placeholder="Soyadınız!"          
          onChangeText={(soyad) => this.setState({soyad})}
          onSubmitEditing={() => this.setState({ soyadgirildi: "Soyad girildi" })}
        />    
        <Text style={{padding: 10, fontSize: 42}}>{this.state.ad} {this.state.soyad}</Text>
        <Text style={{padding: 10, fontSize: 42}}>{this.state.adgirildi}</Text>
        <Text style={{padding: 10, fontSize: 42}}>{this.state.soyadgirildi}</Text>
      
        </View>
    );
  }
}

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir