Estoy trabajando en una aplicación móvil que usa React Native donde hay varios tipos o funciones de usuarios (10 tipos de usuarios/funciones). y digamos que hay una pantalla o componente base, y cada rol de usuario tiene un diseño ligeramente diferente en este componente/pantalla. No quiero crear varios componentes con las mismas funcionalidades y cambiar solo el código para adaptarlo al rol del usuario. Creo que hay una solución mejor.

Por ejemplo, la arquitectura que tenemos ahora es así:

 userType1/index.js userType2/index.js userType3/index.js .... userType10/index.js

y todos los archivos tienen las mismas funcionalidades y el mismo diseño, pero lo único diferente es que cada carpeta y archivo tiene un diseño diferente y, a veces, una característica nueva relacionada con ese rol de usuario.

Quiero tener algo como esto:

 user/index.js

donde este index.js cambia según el rol del usuario, pero sin tener muchas condiciones. ¿Hay alguna sugerencia para solucionar este problema de patrón de diseño?

Gracias de antemano.