react-native-tab-view Too many initial renders for the FirstRoute

Current behavior

The FirstRoute is rendered 3 or 5 times on initial mount. Why so many?

Just add a console.log in FirstRoute render method. Possible this issue exists only in the latest version release.

Expected behavior

Only one render should be enough.

Reproduction

https://snack.expo.dev/@mydesweb/react-native-tab-view-quick-start

Platform

[ ] Android
[X] iOS
[ ] Web
[ ] Windows
[ ] MacOS

Environment

package	version
react-native-tab-view	3.1.1
react-native-pager-view	5.4.9
react-native	0.66.3

Nov 30 '21 18:11 mydesweb

same here.

Dec 07 '21 11:12 brunofariasd

Can React.memo solve this problem?

Dec 24 '21 05:12 likeSo

@likeSo no, it's about something else.

Dec 24 '21 09:12 mydesweb

@mydesweb @likeSo @brunofariasd I believe it is because of the warning in the documentation:

IMPORTANT: Do not pass inline functions to SceneMap

=> on every state update you do, it will re-render the tabview entirely

I also tried to use the customized renderScene they suggest when you want to pass some props to it, but then the event "onIndexChange" is no longer caught. And switching from a tab to another completely remove / rebuild the previous tab on switching... terrible performance.

Did you guys manage to find a solution?

Dec 31 '21 12:12 pierroo

Having this for Android too

Feb 16 '22 15:02 AlaaEdAouimeur

any updates ?

Apr 26 '22 13:04 MedRaid

@pierroo we DO NOT use inline functions, I already provided an example and you can check the source code

May 04 '22 11:05 mydesweb

@mydesweb the base example is rerendering, not only in the initial mount but also on changing tabs all tab views rerender but I noticed something on the initial render only the first and second route is rerendered twice reproduced here https://github.com/satya164/react-native-tab-view/issues/1341