akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.26k stars 951 forks source link

Android: UI Kittens takes time to render Components #1676

Open ponikar opened 1 year ago

ponikar commented 1 year ago

🐛 Bug Report

ui Kittens takes time to render components on the Screen.

I am using Ui-Kittens with React Navigation Bottom tab navigation. We are experiencing a weird delay of 2-3 seconds when switching between tabs and this is happening initially. (When the screen is not loaded)

This is even happening with static screens in which we are not making any network requests or heavy JS computation. We are already generating UI Kitten styling on compile time with metro config.

To Reproduce

Create a project with react-navigation and multiple UI components like Icon, Button, Toggle. Also add custom styling with useStyleSheet hook

Steps to reproduce the behavior:

Expected behavior

In Android, it should load in a reasonable amount of milliseconds but currently, it takes seconds to load particular screen. in iOS it is working fine

Link to runnable example or repository (highly encouraged)

UI Kitten and Eva version

Package Version
@eva-design/eva ^5.1.1
@ui-kitten/components ^5.1.1

Environment information

 System:
    OS: macOS 12.6
    CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
  Binaries:
    Node: 16.17.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.15.0 - /usr/local/bin/npm
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 16.0, macOS 12.3, tvOS 16.0, watchOS 9.0
  IDEs:
    Android Studio: 2021.3 AI-213.7172.25.2113.9014738
    Xcode: 14.0/14A309 - /usr/bin/xcodebuild
  npmPackages:
    react: 17.0.2 => 17.0.2 
    react-native: 0.65.1 => 0.65.1 
freekingg commented 1 year ago

Me too