closed Image question

[songhanlin]

when the image closing, always jumped to the middle of the screen, then jump to the image starting position. my images close to left and I used renderContent

[OrangeFlavoredColdCoffee]

so ,have you solve this ? what you did

[mgit7]

@songhanlin I have the same problem. Did you end up finding a fix for this?

[qiaolin-pan]

same issue

[jzhw0130]

Same issue, how to fix???

[jzhw0130]

@pakyo-pan @mgit7 @OrangeFlavoredColdCoffee @songhanlin

Got a small trick to fix the problem: Set the size of Lightbox equal to the Image.

[stokesbga]

@jzhw0130 eh no dice

[peteroid]

Hi all, can you guys upload any gif or screenshot to illustrate the issue?

[stokesbga]

@peteroid

[christophby]

[christophby]

In my case it helped to add 60px (I guess it's the height of my TabBar) to the y-origin in the open()-function of the Lightbox.js (line 74)

origin: { width, height, x: px, y: py + 60, },

[andrew-stupchuk]

springConfig={{ overshootClamping: true }} helps for me

[ghost]

<Lightbox springConfig = {{tension: 30, friction: 10, overshootClamping: true }} renderContent={() => ( <Image source={{ uri: !isZoomed ? 'large_image' : 'small_image', }} style={{ width: '100%', height: '100%', objectFit: 'cover', borderRadius: 10, overflow: 'hidden', }} /> )}> <Image source={{ uri: 'small_image' }} style={{ width:70, height: 100, objectFit: 'cover',borderRadius: 10, overflow: 'hidden' }} /> </Lightbox>

and ------------->>>>>>>

Inside Lightbox.js, on line 74, this.setState at origin: { width, height, x:px, y:py+25, } - you need to change this according to yourself. When I set y:py + 25 it works fine.