Передать реквизит React-Native-Modal

Question

Я использую Reaction-native-Modal .Возможно ли передавать реквизит как адрес изображения модалу?Я проверил, но не смог найти никакой документации.

Answer 1

Просто оберните ваш модал пользовательским компонентом и сделайте так, чтобы модал отрисовывал изображение, которое передается как опора. Установите видимость в true, когда соответствующее изображение будет нажато, и модальное всплывет с этим изображением.

Answer 2

Похоже, вам нужно передать его дочерний компонент для его рендеринга. Итак, вам нужно будет создать компонент, как обычно, но затем передать его модальному компоненту для его рендеринга. Из их документации :

render() {
    return (
    <View style={{ flex: 1 }}>
      <TouchableOpacity onPress={this._toggleModal}>
        <Text>Show Modal</Text>
      </TouchableOpacity>
      <Modal isVisible={this.state.isModalVisible}>
        <View style={{ flex: 1 }}>
          <Text>Hello!</Text>
          <TouchableOpacity onPress={this._toggleModal}>
            <Text>Hide me!</Text>
          </TouchableOpacity>
        </View>
      </Modal>
    </View>
  );
}

Итак, вы хотите обернуть <Image src={your_url} /> вместе со всем, что вы хотите, чтобы модал отображался с модальными тегами. Кроме того, вы можете передать весь компонент в Modal через его дочернюю опору:

render() {
  return (
    <Modal children={<YourCustomComponent {...props} />} />
  )
}