In your scenario, you can make your own folder structure or I have some example which I follow by myself.
type vs feature
src app api assets redux actions reducers store components containers navigation styles utilities
All the files are inside this base component.
This folder contains logic related to external API communications, it includes:
- constants.js – where all required static values are stored.
- helper.js – for storing reusable logic.
- individual feature files — Each feature file contains api communication logic for a particular feature.
Just as the name implies, this houses static files (e.g images) used in the application.
This holds all the redux files if you are using react-redux for managing state. Inside redux folder you have actions, reducers, store which can easily manage your redux files
All the action files which are using around redux goes here.
All the reducers which are using around redux goes here.
You can put your store inside this redux store folder.
Shared components used across features are placed in this directory. An example of such (as shown above) is the
layout component, which is used to wrap the application components and determine its overall layout.
You can put you all screen-based components inside here (Eg – SplashScreen, HomeScreen).
You project base navigation goes here. You can create stack navigator and export it to your application.
If you have global styles defined in your project you can put it over here like colors, font styles like things.
You can put utils files over here.
Note: This structure is based on my experience. You can create your own structure once you done with more experience
Refere these links also