Fix layout shift when liking a post on Android (#10190)

This commit is contained in:
Samuel Newman
2026-04-07 09:48:11 -07:00
committed by GitHub
parent 8bd6d9d135
commit a169bd862f
15 changed files with 76 additions and 245 deletions
+1 -1
View File
@@ -582,7 +582,7 @@ function LightboxFooter({
{altText ? (
<View accessibilityRole="button" style={styles.footerText}>
<Text
style={[s.gray3]}
style={{color: colors.gray3}}
numberOfLines={isAltExpanded ? undefined : 3}
selectable
onPress={() => {
+1 -1
View File
@@ -202,7 +202,7 @@ function ListItem({
<View style={styles.listItemContent}>
<Text
type="lg"
style={[s.bold, pal.text]}
style={[{fontWeight: '600'}, pal.text]}
numberOfLines={1}
lineHeight={1.2}>
{sanitizeDisplayName(list.name)}
@@ -272,7 +272,7 @@ let NotificationFeedItem = ({
<HeartIconFilled
size="xl"
style={[
s.likeColor,
{color: t.palette.pink},
// {position: 'relative', top: -4}
]}
/>
+2 -2
View File
@@ -60,7 +60,7 @@ export function PostLoadingPlaceholder({
},
]}
/>
<View style={[s.flex1]}>
<View style={[a.flex_1]}>
<LoadingPlaceholder width={100} height={6} style={{marginBottom: 10}} />
<LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
<LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
@@ -238,7 +238,7 @@ export function FeedLoadingPlaceholder({
height={36}
style={[styles.avatar, {borderRadius: 8}]}
/>
<View style={[s.flex1]}>
<View style={[a.flex_1]}>
<LoadingPlaceholder width={100} height={8} style={[s.mt5, s.mb10]} />
<LoadingPlaceholder width={120} height={8} />
</View>