Describe the bug
I Wrote 2 lists, one using native-base components, second one using react-native components, and I am experiencing 2 to 3 times slower render on native-base side, my example consists of fairly simple list, so I wanted to ask if anyone else is experiencing similar performance issues, or for advice on what am I doing wrong or how to speed things up.
To Reproduce
In my example are 2 buttons, which will navigate you to respective list, with time it took to fully transition in ms.
Expected behaviour
Similar render times to react-native components.
CodeSandBox/Snack link
codesandbox template
Render times in ms
| |
DEV |
DEV |
DEV |
DEV |
PROD |
PROD |
PROD |
PROD |
| Native Base |
Android |
Android |
IOS |
IOS |
Android |
Android |
IOS |
IOS |
| |
Emulator |
Samsung S21 |
Emulator |
Iphone 13 Pro |
Emulator |
Samsung S21 |
Emulator |
Iphone 13 Pro |
| 1 |
1103 |
319 |
266 |
188 |
605 |
255 |
208 |
150 |
| 2 |
947 |
303 |
173 |
199 |
522 |
232 |
101 |
149 |
| 3 |
966 |
339 |
163 |
191 |
615 |
236 |
94 |
150 |
| 4 |
1069 |
306 |
157 |
191 |
496 |
211 |
101 |
150 |
| 5 |
919 |
307 |
154 |
192 |
543 |
209 |
90 |
150 |
| Avg. |
1000,8 |
314,8 |
182,6 |
192,2 |
556,2 |
228,6 |
118,8 |
149,8 |
| |
|
|
|
|
|
|
|
|
| |
DEV |
DEV |
DEV |
DEV |
PROD |
PROD |
PROD |
PROD |
| React Native |
Android |
Android |
IOS |
IOS |
Android |
Android |
IOS |
IOS |
| |
Emulator |
Samsung S21 |
Emulator |
Iphone 13 Pro |
Emulator |
Samsung S21 |
Emulator |
Iphone 13 Pro |
| 1 |
424 |
104 |
93 |
89 |
111 |
32 |
27 |
47 |
| 2 |
395 |
105 |
62 |
91 |
96 |
39 |
24 |
46 |
| 3 |
437 |
106 |
64 |
90 |
101 |
38 |
24 |
45 |
| 4 |
472 |
135 |
63 |
91 |
89 |
39 |
22 |
44 |
| 5 |
528 |
103 |
63 |
90 |
87 |
40 |
27 |
44 |
| Avg. |
451,2 |
110,6 |
69 |
90,2 |
96,8 |
37,6 |
24,8 |
45,2 |
Describe the bug
I Wrote 2 lists, one using native-base components, second one using react-native components, and I am experiencing 2 to 3 times slower render on native-base side, my example consists of fairly simple list, so I wanted to ask if anyone else is experiencing similar performance issues, or for advice on what am I doing wrong or how to speed things up.
To Reproduce
In my example are 2 buttons, which will navigate you to respective list, with time it took to fully transition in ms.
Expected behaviour
Similar render times to react-native components.
CodeSandBox/Snack link
codesandbox template
Render times in ms