zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Implement working screen-state management and remove extraneous loads

Browse source
This commit is contained in:
Paul Frazee 2022-09-01 12:00:08 -05:00
parent 346385ce43
commit bb51af5ae9
14 changed files with 118 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/view/shell/mobile/index.tsx
View file

@ -113,12 +113,12 @@ export const MobileShell: React.FC = observer(() => {
</View>
<SafeAreaView style={styles.innerContainer}>
<ScreenContainer style={styles.screenContainer}>
{screenRenderDesc.screens.map(({Com, params, key, activityState}) => (
{screenRenderDesc.screens.map(({Com, params, key, visible}) => (
<Screen
key={key}
style={[StyleSheet.absoluteFill, styles.screen]}
activityState={activityState}>
<Com params={params} />
activityState={visible ? 2 : 0}>
<Com params={params} visible={visible} />
</Screen>
))}
</ScreenContainer>
@ -156,7 +156,7 @@ export const MobileShell: React.FC = observer(() => {
* This method produces the information needed by the shell to
* render the current screens with screen-caching behaviors.
*/
type ScreenRenderDesc = MatchResult & {key: string; activityState: 0 | 1 | 2}
type ScreenRenderDesc = MatchResult & {key: string; visible: boolean}
function constructScreenRenderDesc(nav: NavigationModel): {
icon: IconProp
screens: ScreenRenderDesc[]
@ -176,7 +176,7 @@ function constructScreenRenderDesc(nav: NavigationModel): {
}
return Object.assign(matchRes, {
key: `t${tab.id}-s${screen.index}`,
activityState: isCurrent ? 2 : 0,
visible: isCurrent,
}) as ScreenRenderDesc
})
screens = screens.concat(parsedTabScreens)