I have experience with React, but I am currently working on RN application and don't have enough experience with RN. I am thinking should I import all the static images on the app startup.

I am thinking this because I don't want to use images like;

<Image source={require('@/assets/icons/edit.png')} />

I want to create the Icon component and want to use it like this;

<Icon name="edit" />

I think it makes more sense to import the images at the beginning instead of importing them when the Icon component is called.

Is it bad for app performance to import all static images at app startup or is there no difference between importing images in screens and importing all at app startup?