Performance optimizations in scene arrangement and styling

ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support

MIT License

2.4k stars 416 forks source link

Performance optimizations in scene arrangement and styling #2

Closed brentvatne closed 9 years ago

brentvatne commented 9 years ago

Re-organizing scene order seemed to be really taxing
Changing height of inactive scene container also contributed to delays
No need to change height (in theory) because pointerEvents are properly set

ide commented 9 years ago

The new absolute positioning does seem faster. I like it. I also separately tried out the scene unordering and it definitely was faster switching between tabs with a lot of content.

I ran the CPU profiler and found out this:

So moving around UIViews with deep hierarchies is expensive.