`react-native-router-flux` 是否允许渲染子组件的父组件?
Does `react-native-router-flux` allow for parent components which render children?
我可能遗漏了此处文档中的某些内容。
react-native-router-flux
是否允许带有组件的父场景,该组件会通过它渲染子场景?
用代码来说,对于这个路由:
<Scene key="home" component={ApplicationRoot}>
<Scene key="settings" component={Settings} />
</Scene>
ApplicationRoot
组件会
class ApplicationRoot extends React.Component {
constructor() { .. }
render() {
return(
<View>{this.props.children}</View>
);
}
}
从这里路过Settings
。
我的想法是我可以在 ApplicationRoot
中使用生命周期函数来处理应用程序级别的功能(例如检查是否登录、侦听注销等),这将适用于所有嵌套路由。
如果通过包装父组件无法做到这一点,有人知道实现这一目标的方法吗?
按照官方代码库中的example,我已经找到了切换器解决方案;一个根初始组件(始终设置为 initial={true}
),它将依次负责检查(在我的例子中)Redux 状态并路由到相关页面。
不完全符合我的要求,因为它无法在应用程序级别侦听状态,但它可以完成工作。
我可能遗漏了此处文档中的某些内容。
react-native-router-flux
是否允许带有组件的父场景,该组件会通过它渲染子场景?
用代码来说,对于这个路由:
<Scene key="home" component={ApplicationRoot}>
<Scene key="settings" component={Settings} />
</Scene>
ApplicationRoot
组件会
class ApplicationRoot extends React.Component {
constructor() { .. }
render() {
return(
<View>{this.props.children}</View>
);
}
}
从这里路过Settings
。
我的想法是我可以在 ApplicationRoot
中使用生命周期函数来处理应用程序级别的功能(例如检查是否登录、侦听注销等),这将适用于所有嵌套路由。
如果通过包装父组件无法做到这一点,有人知道实现这一目标的方法吗?
按照官方代码库中的example,我已经找到了切换器解决方案;一个根初始组件(始终设置为 initial={true}
),它将依次负责检查(在我的例子中)Redux 状态并路由到相关页面。
不完全符合我的要求,因为它无法在应用程序级别侦听状态,但它可以完成工作。