Свойство Z-index для масштабирования изображения не работает в реакции-нативных-простых жестах

Question

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

Код:

import React, { Component } from 'react';
import { Image, View, FlatList } from 'react-native';
import Gestures from 'react-native-easy-gestures';

export default class TestGuesture extends Component {
constructor(props) {
super(props);
this.state = {
isDraggableEnable: false,
};
}
render() {
return (
<View>
    <FlatList
    data={[0, 1, 2, 3, 4, 5]}
    renderItem={() => (
    <Gestures
        rotatable={false}
        draggable={this.state.isDraggableEnable}
        ref={(c) => { this.gestures = c; }}
        onScaleStart={() => {
        this.setState({ isDraggableEnable: true });
        }}
        onEnd={(event, styles) => {
        this.gestures.reset((prevStyles) => {
        this.setState({ isDraggableEnable: false });
        });
        }}
        style={{
        zIndex: 1000
        }}
        >
        <Image
        source={{ uri: 'https://theirmemorylives-bucket.s3.amazonaws.com/upload/photos/2020/02/7UC7ZsZh7kjY2iDojM3n_13_88ad987652643a3d3db9c70fd3dba2d7_avatar.png?cache=1558338839' }}
        resizeMode={"contain"}
        style={{ height: 200, width: 400, zIndex: 100, aspectRatio: 1 }}
        />
    </Gestures>
    )}
    />
</View>
);
}
}