Comment utiliser N vues dans l'application exemple en réaction native

Question

J'ai un doute dans React Native. J'ai lu cette réponse (How to do a multi-page app in react-native?) mais je suis resté avec un peu de doute bits:

• J'utilise Navigator à de nombreuses vues dans React application native, mais comment je fais à N Componentes? Par exemple, si j'ai 5 vues différentes, j'ai utilisé le code avant cinq fois ... et n fois?

Answer 1

pour ellude plus sur mon commentaire.

au lieu de cette

if (routeId === 'SplashPage') { 
    return (
     <SplashPage 
      navigator={navigator}/> 
    ); 
} 
if (routeId === 'LoginPage') { 
    return (
     <LoginPage 
      navigator={navigator}/> 
    ); 
} 

ont juste un Hashtable que vous utilisez pour obtenir dynamiquement le composant.

const Component = VIEW_COMPONENTS[routeid]; 

donc votre code ressemblerait à quelque chose comme ça

const VIEW_COMPONENTS = { 
    'SplashPage': SplashPage, 
    'LoginPage': LoginPage 
}; 

renderScene = (route, navigator) => { 
    const ViewComponent = VIEW_COMPONENTS[route.id]; 
    return <ViewComponent navigator={navigator}/> 
} 

un écran supplémentaire serait une seule ligne à votre table de consultation. J'ai une application native avec 40 écrans et c'est très facile à gérer comme ça

pour ajouter à cela. vous pouvez en tirer plus de détails. faire en sorte que chaque vue ne se soucie pas de savoir où elle est utilisée ou quelle est sa prochaine vision. Au lieu de cela, faites de tout cela une partie de votre objet de recherche. spécifiez un itinéraire suivant que chaque vue peut afficher. vous pouvez transmettre toutes les informations supplémentaires tout ce qui est configurable et vos écrans peuvent être réutilisés sur plusieurs flux!