Can I use this project inside FlatList's item?

I write ItemList component and when select item, navigator will push to Detail component and show selected image in full size this is my code

ItemList

class ItemList extends Component {
  renderItem = ({ item, index }) => {
    return (
      <TouchableOpacity
        style={styles.cell}
        onPress={() => { this.props.navigation.navigate('DETAIL', { item, index }) }}
      >
          <Transition shared={`image_${index}`}>
            <Image
              style={styles.image}
              source={{ uri: item.uri }}
            />
          </Transition>
      </TouchableOpacity>
    )
  }

  render() {
    return (
      <View style={styles.container}>
        <FlatList
          data={itemData}
          renderItem={this.renderItem}
          keyExtractor={(_, index) => `${index}`}
          numColumns={3}
        />
      </View>
    )
  }
}

Detail

const Detail = (props) => (
  <View style={styles.container} >
    <Transition shared={`image_${props.navigation.state.params.index}`}>
      <Image
        style={styles.image}
        source={{ uri: props.navigation.state.params.item.uri }}
      />
    </Transition>
  </View>
)

but when I run my project, the animations works great but my image not appear after I provide it with Transition

[chrfalch]

I’m currently looking into this issue to see if I can find an easy fix.

[chrfalch]

Added fix in PR #10