Skip to content

Reduce overdraw#6617

Merged
gaearon merged 1 commit into
mainfrom
feed-overdraw
Nov 21, 2024
Merged

Reduce overdraw#6617
gaearon merged 1 commit into
mainfrom
feed-overdraw

Conversation

@gaearon
Copy link
Copy Markdown
Contributor

@gaearon gaearon commented Nov 21, 2024

This probably isn't very important but I figured we might as well do it.

These don't need explicit backgrounds because there's a background above.

Test Plan

Walk around the screens, everything looks the same visually. The home/profile tabbar still has a solid background. Same for the bottom bar.

Before

Screenshot 2024-11-21 at 23 03 42

After

Screenshot 2024-11-21 at 23 03 35

(The bottom bar isn't actually transparent, it's just how "Debug GPU Overdraw" visualizes it.)

@arcalinea arcalinea temporarily deployed to feed-overdraw - social-app PR #6617 November 21, 2024 23:15 — with Render Destroyed

return (
<Animated.View
style={[pal.view, pal.border, styles.tabBar, headerMinimalShellTransform]}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this isn't needed because the stuff inside has its own backgrounds

onLayout={e => {
headerHeight.set(e.nativeEvent.layout.height)
}}>
<View style={[pal.view, styles.topBar]}>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

such as here.

headerHeight.set(e.nativeEvent.layout.height)
}}>
<View style={[pal.view, styles.topBar]}>
<View style={[pal.view, {width: 100}]}>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not needed because of background above

atoms.justify_end,
atoms.align_center,
atoms.gap_md,
pal.view,
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not needed because of background above

Comment thread src/view/shell/index.tsx

return (
<>
<Animated.View style={[a.h_full]}>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

driveby

Comment thread src/view/shell/index.tsx
}
}, [theme])
return (
<View testID="mobileShellView" style={[styles.outerContainer, pal.view]}>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

not needed because all individual routes have contentStyle: t.atoms.bg

@github-actions
Copy link
Copy Markdown
Contributor

Old size New size Diff
8.06 MB 8.06 MB -283 B (-0.00%)

@gaearon gaearon merged commit 625459a into main Nov 21, 2024
@gaearon gaearon deleted the feed-overdraw branch November 21, 2024 23:40
@gaearon gaearon mentioned this pull request Nov 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants