authorgravatar for paul.trinko95@gmail.comPavlo Trinko <paul.trinko95@gmail.com> 2026-08-07 12:22:49+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-07 10:22:49+00:00
logbd422fd8d1d960d9f75b9434cbc6b9128fbd3187
treedfd04c039ed16759da8e46948f7216d859a0b334
parent33a03c8a7bf4a398f410c9e6def903531237958a
signature Signed by PGP key B5690EEEBB952194

fix(mobile): keep Android chat text from showing through the composer (#5582)

4 files changed, 33 insertions(+), 6 deletions(-)

apps/mobile/src/features/threads/ThreadComposer.tsx+15-3
...@@ -21,6 +21,7 @@ import {...@@ -21,6 +21,7 @@ import {
21 Image,21 Image,
22 Platform,22 Platform,
23 Pressable,23 Pressable,
24 StyleSheet,
24 useColorScheme,25 useColorScheme,
25 View,26 View,
26 type ViewStyle,27 type ViewStyle,
...@@ -698,11 +699,22 @@ export const ThreadComposer = memo(function ThreadComposer(props: ThreadComposer...@@ -698,11 +699,22 @@ export const ThreadComposer = memo(function ThreadComposer(props: ThreadComposer
698 style={{699 style={{
699 paddingTop: isExpanded ? 8 : 6,700 paddingTop: isExpanded ? 8 : 6,
700 paddingBottom: (props.bottomInset ?? 0) + (isExpanded ? 8 : 6),701 paddingBottom: (props.bottomInset ?? 0) + (isExpanded ? 8 : 6),
701 experimental_backgroundImage: isDarkMode
702 ? "linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0.9) 100%)"
703 : "linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 55%, rgba(255,255,255,0.9) 100%)",
704 }}702 }}
705 >703 >
704 {/* The backdrop gradient lives on a plain View: Reanimated's Animated.View
705 silently drops experimental_backgroundImage on Android, which left this
706 strip fully transparent and the feed text legible through the composer. */}
707 <View
708 pointerEvents="none"
709 style={[
710 StyleSheet.absoluteFill,
711 {
712 experimental_backgroundImage: isDarkMode
713 ? "linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0.9) 100%)"
714 : "linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 55%, rgba(255,255,255,0.9) 100%)",
715 },
716 ]}
717 />
706 <Animated.View718 <Animated.View
707 className="relative w-full self-center"719 className="relative w-full self-center"
708 layout={COMPOSER_LAYOUT_TRANSITION}720 layout={COMPOSER_LAYOUT_TRANSITION}
patches/@react-native__gradle-plugin@0.85.3.patch created+13
...@@ -0,0 +1,13 @@
1diff --git a/settings.gradle.kts b/settings.gradle.kts
2index b3c46a3bf5eb21c0bb1c9435b5582aecbc57d57a..14f1e9c2063ef10ca3f2ecbb2336b8a4aacfcc9c 100644
3--- a/settings.gradle.kts
4+++ b/settings.gradle.kts
5@@ -13,7 +13,7 @@ pluginManagement {
6 }
7 }
8
9-plugins { id("org.gradle.toolchains.foojay-resolver-convention").version("0.5.0") }
10+plugins { id("org.gradle.toolchains.foojay-resolver-convention").version("1.0.0") }
11
12 include(
13 ":react-native-gradle-plugin",
pnpm-lock.yaml+4-3
...@@ -75,6 +75,7 @@ patchedDependencies:...@@ -75,6 +75,7 @@ patchedDependencies:
75 '@legendapp/list@3.3.3': d162d67b73933ab077d00627cdf52b18ea88b28c4fae4e8340a854df25026f0975 '@legendapp/list@3.3.3': d162d67b73933ab077d00627cdf52b18ea88b28c4fae4e8340a854df25026f09
76 '@pierre/diffs@1.3.0-beta.10': 7ef7cb0cbabb17c15cdb137554068b36f15f6f5265e73fb51452aa3380db91aa76 '@pierre/diffs@1.3.0-beta.10': 7ef7cb0cbabb17c15cdb137554068b36f15f6f5265e73fb51452aa3380db91aa
77 '@react-native-menu/menu@2.0.0': 5ea3ae4bf1d9baf5443b65c269bb09621c27a68d556f713778f37b1e8d46aaae77 '@react-native-menu/menu@2.0.0': 5ea3ae4bf1d9baf5443b65c269bb09621c27a68d556f713778f37b1e8d46aaae
78 '@react-native/gradle-plugin@0.85.3': c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784
78 '@react-navigation/native-stack@7.17.6': c7fc101b78d434904425e5a24c22fb0042298dec6f807250486e784f3c71727379 '@react-navigation/native-stack@7.17.6': c7fc101b78d434904425e5a24c22fb0042298dec6f807250486e784f3c717273
79 effect@4.0.0-beta.103: af36b7948b6f9c56623074662b51dade5699880c1a7c71245de73e13c3185fb680 effect@4.0.0-beta.103: af36b7948b6f9c56623074662b51dade5699880c1a7c71245de73e13c3185fb6
80 expo-modules-jsi@56.0.10: 9170f8074ae4e35a0a086e756c8f815794fd3abe51eac67ca3ba02804225ec1f81 expo-modules-jsi@56.0.10: 9170f8074ae4e35a0a086e756c8f815794fd3abe51eac67ca3ba02804225ec1f
...@@ -14198,7 +14199,7 @@ snapshots:...@@ -14198,7 +14199,7 @@ snapshots:
14198 - supports-color14199 - supports-color
14199 - utf-8-validate14200 - utf-8-validate
1420014201
14201 '@react-native/gradle-plugin@0.85.3': {}14202 '@react-native/gradle-plugin@0.85.3(patch_hash=c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784)': {}
1420214203
14203 '@react-native/js-polyfills@0.85.3': {}14204 '@react-native/js-polyfills@0.85.3': {}
1420414205
...@@ -20047,7 +20048,7 @@ snapshots:...@@ -20047,7 +20048,7 @@ snapshots:
20047 '@react-native/assets-registry': 0.85.320048 '@react-native/assets-registry': 0.85.3
20048 '@react-native/codegen': 0.85.3(@babel/core@7.29.7)20049 '@react-native/codegen': 0.85.3(@babel/core@7.29.7)
20049 '@react-native/community-cli-plugin': 0.85.3(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(bufferutil@4.1.0)(utf-8-validate@6.0.6)20050 '@react-native/community-cli-plugin': 0.85.3(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(bufferutil@4.1.0)(utf-8-validate@6.0.6)
20050 '@react-native/gradle-plugin': 0.85.320051 '@react-native/gradle-plugin': 0.85.3(patch_hash=c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784)
20051 '@react-native/js-polyfills': 0.85.320052 '@react-native/js-polyfills': 0.85.3
20052 '@react-native/normalize-colors': 0.85.320053 '@react-native/normalize-colors': 0.85.3
20053 '@react-native/virtualized-lists': 0.85.3(@types/react@19.2.16)(react-native@0.85.3(@babel/core@7.29.7)(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(@types/react@19.2.16)(bufferutil@4.1.0)(react@19.2.3)(utf-8-validate@6.0.6))(react@19.2.3)20054 '@react-native/virtualized-lists': 0.85.3(@types/react@19.2.16)(react-native@0.85.3(@babel/core@7.29.7)(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(@types/react@19.2.16)(bufferutil@4.1.0)(react@19.2.3)(utf-8-validate@6.0.6))(react@19.2.3)
...@@ -20092,7 +20093,7 @@ snapshots:...@@ -20092,7 +20093,7 @@ snapshots:
20092 '@react-native/assets-registry': 0.85.320093 '@react-native/assets-registry': 0.85.3
20093 '@react-native/codegen': 0.85.3(@babel/core@7.29.7)20094 '@react-native/codegen': 0.85.3(@babel/core@7.29.7)
20094 '@react-native/community-cli-plugin': 0.85.3(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(bufferutil@4.1.0)(utf-8-validate@6.0.6)20095 '@react-native/community-cli-plugin': 0.85.3(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(bufferutil@4.1.0)(utf-8-validate@6.0.6)
20095 '@react-native/gradle-plugin': 0.85.320096 '@react-native/gradle-plugin': 0.85.3(patch_hash=c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784)
20096 '@react-native/js-polyfills': 0.85.320097 '@react-native/js-polyfills': 0.85.3
20097 '@react-native/normalize-colors': 0.85.320098 '@react-native/normalize-colors': 0.85.3
20098 '@react-native/virtualized-lists': 0.85.3(@types/react@19.2.16)(react-native@0.85.3(@babel/core@7.29.7)(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(@types/react@19.2.16)(bufferutil@4.1.0)(react@19.2.6)(utf-8-validate@6.0.6))(react@19.2.6)20099 '@react-native/virtualized-lists': 0.85.3(@types/react@19.2.16)(react-native@0.85.3(@babel/core@7.29.7)(@react-native/metro-config@0.85.3(@babel/core@7.29.7)(bufferutil@4.1.0)(utf-8-validate@6.0.6))(@types/react@19.2.16)(bufferutil@4.1.0)(react@19.2.6)(utf-8-validate@6.0.6))(react@19.2.6)
pnpm-workspace.yaml+1
...@@ -128,6 +128,7 @@ patchedDependencies:...@@ -128,6 +128,7 @@ patchedDependencies:
128 "@legendapp/list@3.3.3": patches/@legendapp__list@3.3.3.patch128 "@legendapp/list@3.3.3": patches/@legendapp__list@3.3.3.patch
129 "@pierre/diffs@1.3.0-beta.10": patches/@pierre%2Fdiffs@1.3.0-beta.10.patch129 "@pierre/diffs@1.3.0-beta.10": patches/@pierre%2Fdiffs@1.3.0-beta.10.patch
130 "@react-native-menu/menu@2.0.0": patches/@react-native-menu__menu@2.0.0.patch130 "@react-native-menu/menu@2.0.0": patches/@react-native-menu__menu@2.0.0.patch
131 "@react-native/gradle-plugin@0.85.3": patches/@react-native__gradle-plugin@0.85.3.patch
131 "@react-navigation/native-stack@7.17.6": patches/@react-navigation%2Fnative-stack@7.17.6.patch132 "@react-navigation/native-stack@7.17.6": patches/@react-navigation%2Fnative-stack@7.17.6.patch
132 effect@4.0.0-beta.103: patches/effect@4.0.0-beta.103.patch133 effect@4.0.0-beta.103: patches/effect@4.0.0-beta.103.patch
133 expo-modules-jsi@56.0.10: patches/expo-modules-jsi@56.0.10.patch134 expo-modules-jsi@56.0.10: patches/expo-modules-jsi@56.0.10.patch