Ich habe eine Liste von Elementen in meiner App. Wenn der Benutzer auf einen Listeneintrag klickt, den ich mehr Details in a anzeigen möchte. Ich könnte die Detailkomponente in die Listenelementkomponente einfügen und sie standardmäßig ausblenden.Woher sollen Modal-Komponenten in React Native ausgelöst werden?
Gibt es einen besseren Weg?
Angenommen, Sie zeigen nur eine einzige Modal gleichzeitig an. Sie können die Modal-Komponente außerhalb der Liste erstellen und sie beim Klicken auf das Listenelement als sichtbar festlegen. Du wirst also so etwas programmieren.
class YourComponent extends Component {
state = {
showModal: false,
};
render() {
const items = [1, 2, 3];
return (
<View>
<View>
{
items.map((item, i) => {
<Button key={i} onPress={() => this.setState({ showModal: true, item }) title="Open Modal" />
})
}
</View>
<ReactNative.Modal visible={this.state.showModal}>
<Text>{ this.state.item }</Text>
</ReactNative.Modal>
</View>
);
}
}