Como posso fazer para que quando o "titulo" da tarefa for selecionado através do Picker ele preencher meus outros campos pertencentes a essa tarefa e conseguir atualizar meus dados? agradeço pela ajuda ;)
export default class atualizaranuncio extends Component {
constructor() {
super();
this.state = {
status: '',
titulo: [],
titulo_selecionado: ""
};
firebase.auth().onAuthStateChanged((user) => {
if (user) {
firebase.database().ref('Tarefas').child(user.uid).once('value', (snapshot) => {
let state = this.state;
state.titulo = [];
snapshot.forEach((childItem) => {
state.titulo.push({
key: childItem.key,
titulo: childItem.val().titulo
});
});
this.setState(state);
});
}
});
}
render() {
return (
<View style={styles.container}>
<Text style={styles.logoText}>Atualizar o Anuncio</Text>
<Text>{'\n'}</Text>
<Text style={styles.texto}>Titulo do Anuncio:</Text>
<Picker
selectedValue={this.state.titulo_selecionado}
style={styles.picker}
onValueChange={(itemValue, itemIndex) => this.setState({ titulo_selecionado: itemValue })}>
{this.state.titulo.map((item, index) => {
return (
<Picker.Item label={item.titulo} value={item.titulo} key={index}/>
);
})}
</Picker>
<Text style={styles.texto}>Descrição do Anuncio:</Text>
<TextInput style={styles.inputBox}
underlineColorAndroid='rgba(0,0,0,0)'
placeholder="Descrição"
placeholderTextColor="#ffffff"
selectionColor="#fff"
/>
<Text style={styles.texto}>Valor do Anuncio:</Text>
<TextInput style={styles.inputBox}
underlineColorAndroid='rgba(0,0,0,0)'
placeholder="R$0000,00"
placeholderTextColor="#ffffff"
selectionColor="#fff"
keyboardType="number-pad"
/>
<Text style={styles.texto}>Status:</Text>
<Picker
selectedValue={this.state.status}
style={styles.picker}
onValueChange={(itemValue, itemIndex) =>
this.setState({ status: itemValue })
}>
<Picker.Item label="Não realizado" value="1" />
<Picker.Item label="Realizado" value="0" />
</Picker>
<TouchableOpacity style={styles.button}>
<Text style={styles.buttonText}>Atualizar Anuncio</Text>
</TouchableOpacity>
</View>
);
}
}