Fix screen-blanking bug

zio/stable
Paul Frazee 2022-09-01 10:58:29 -05:00
parent 71594d069c
commit 346385ce43
2 changed files with 7 additions and 6 deletions

View File

@ -112,11 +112,11 @@ export const MobileShell: React.FC = observer(() => {
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<SafeAreaView style={styles.innerContainer}> <SafeAreaView style={styles.innerContainer}>
<ScreenContainer> <ScreenContainer style={styles.screenContainer}>
{screenRenderDesc.screens.map(({Com, params, key, activityState}) => ( {screenRenderDesc.screens.map(({Com, params, key, activityState}) => (
<Screen <Screen
key={key} key={key}
style={styles.screen} style={[StyleSheet.absoluteFill, styles.screen]}
activityState={activityState}> activityState={activityState}>
<Com params={params} /> <Com params={params} />
</Screen> </Screen>
@ -177,7 +177,7 @@ function constructScreenRenderDesc(nav: NavigationModel): {
return Object.assign(matchRes, { return Object.assign(matchRes, {
key: `t${tab.id}-s${screen.index}`, key: `t${tab.id}-s${screen.index}`,
activityState: isCurrent ? 2 : 0, activityState: isCurrent ? 2 : 0,
}) }) as ScreenRenderDesc
}) })
screens = screens.concat(parsedTabScreens) screens = screens.concat(parsedTabScreens)
} }
@ -194,6 +194,9 @@ const styles = StyleSheet.create({
innerContainer: { innerContainer: {
flex: 1, flex: 1,
}, },
screenContainer: {
flex: 1,
},
screen: { screen: {
backgroundColor: colors.gray1, backgroundColor: colors.gray1,
}, },

View File

@ -14,6 +14,4 @@ Paul's todo list
- Follows list - Follows list
- Navigation - Navigation
- Restore all functionality that was disabled during the refactor - Restore all functionality that was disabled during the refactor
- Reduce extraneous triggers of useLoadEffect - Reduce extraneous triggers of useLoadEffect
- Bugs
- Home screen goes white sometimes, not sure why (possibly related to multiple active instances of the screen)