cool but I have an issue, it's transitions are not working for other navigation stacks, like if I create a bottom tab navigator, or drawer and there are two screen that expected to show same mechanism so in second screen, transition is not working, any solution for that? thanks
great. but what if i dont want to pass the entire item data to the detail screen ? what if i only pass id of it and make a detail request at the detail page ? :)))
Yeah then it might not work as it is! If you using this, you have list in which image already present, so pass it to next screen, so that animation work perfectly, and then call api for more data😜.
The best of best
Thanks man!
Nice!
Thanks!
Can you test this with a text component? For me it just stretches instead of interpolating it's properties nicely
Yeah, this bug may be from shared-element.
Bro plZZ MAKE HINDI AND RESSO CLONE IN REAct native
cool but I have an issue, it's transitions are not working for other navigation stacks, like if I create a bottom tab navigator, or drawer and there are two screen that expected to show same mechanism so in second screen, transition is not working, any solution for that?
thanks
Make sure, You have created inner Stack Navigator with createSharedElementStack().
great. but what if i dont want to pass the entire item data to the detail screen ? what if i only pass id of it and make a detail request at the detail page ? :)))
If you want to send only id then you need to pass like this
("DetailScreen", {id: item.id}) and then get this "id" from route params.
@@vishalpwr i alredy know that but will the animation work becouse there will be some delay untill the request is complete
Yeah then it might not work as it is!
If you using this, you have list in which image already present, so pass it to next screen, so that animation work perfectly, and then call api for more data😜.