When setting state in `onTabChange` the indicator isn't smooth

[alexpchin]

When you change tabs and have some code that sets some state in onTabChange the Indicator movement isn't smooth. Please see video.

simulator8.mov.zip

This can be avoided by memoizing the tabs, e.g

const MemoizedTabs = useMemo(
    () => (
      <Tabs.Container
        lazy
        onTabChange={onTabChange}
        ref={pageRef}
        TabBarComponent={_renderTabBar}
      >
        .
        .
        .
      </Tabs.Container>
    ),
    [],
  );

And rendering just.

{MemoizedTabs}

It may be a good idea to make a note of this in the Readme somewhere?

[andreialecu]

This should be fixed by #131, but please confirm.

[alexpchin]

I'm still seeing that the indicator isn't as smooth unless you use useMemo?

[andreialecu]

When I tested it on my simulator (M1 Mac Mini) I wasn't really able to notice the jumping. It was still extremely smooth. That's likely because the emulator and the CPU architecture are both arm64 so there are no bottlenecks. It basically all runs native.

I mainly had to confirm this issue via some logging I added.

Did you verify if this occurs on a real device?

[andreialecu]

I added memoization just in case, released as rc9