我对React Native有一些怀疑。我读了这个答案(如何在react-native中创建一个多页面的应用程序?),但我仍然有一点疑问:
在我的评论中更多。
代替这个
if (routeId === 'SplashPage') {
return (
<SplashPage
navigator={navigator}/>
);
}
if (routeId === 'LoginPage') {
return (
<LoginPage
navigator={navigator}/>
);
}
仅具有用于动态获取组件的哈希表。
const Component = VIEW_COMPONENTS[routeid];
所以你的代码看起来像这样
const VIEW_COMPONENTS = {
'SplashPage': SplashPage,
'LoginPage': LoginPage
};
renderScene = ( route, navigator ) => {
const ViewComponent = VIEW_COMPONENTS[route.id];
return <ViewComponent navigator={navigator}/>
}
任何其他屏幕都将是查找表的单行条目。我有一个带有40个屏幕的本机应用程序,它非常容易管理,就像这样
添加到此。您也可以从中提取更多内容。使每个视图都不关心它的使用位置或其下一个视图是什么。而是使所有这些成为您的查找对象的一部分。指定每个视图都可以显示的下一条路线。您可以传递所有其他信息,所有这些信息都是可配置的,并且您的屏幕可以在多个流程上重复使用!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句