Positioned absolute lightbox opener causing issues

[msqar]

I wanted to add a positioned absolute View as the lightbox opener inside one of my images. With an icon suggesting: "MAXIMIZE", so i position it with 'absolute' property. Problem is, whenever i attempt to tap on it, it doesn't recognize the event. Whenever i removed the absolute, it started working normally but the size is huge whenever i press the button.

This is my structure:

<Lightbox
                                        springConfig={{tension: 15, friction: 7, overshootClamping: true}}
                                        swipeToDismiss={false}
                                        renderContent={this._renderCarousel}>

                                        <View style={scopedStyles.fullScreenContainer}>
                                            <Icon style={scopedStyles.fullScreenIcon} name={'md-open'} />
                                        </View>
                                    </Lightbox>

This is the styling:

    fullScreenContainer: {
        position: 'absolute',
        height: 50,
        width: 50,
        borderRadius: 25,
        backgroundColor: CommonStyles.BLACK,
        left: 10,
        bottom: 10,
        justifyContent: 'center',
        alignItems: 'center'
    },
    fullScreenIcon: {
        fontSize: 28,
        color: CommonStyles.WHITE
    },

Try it out and let me know if this occurs to you guys as well.

Btw, awesome library :)

[msqar]

My bad! i had to add the styling to Lightbox component.