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 {
2121 Image,
2222 Platform,
2323 Pressable,
24 StyleSheet,
2425 useColorScheme,
2526 View,
2627 type ViewStyle,
......@@ -698,11 +699,22 @@ export const ThreadComposer = memo(function ThreadComposer(props: ThreadComposer
698699 style={{
699700 paddingTop: isExpanded ? 8 : 6,
700701 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%)",
704702 }}
705703 >
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 />
706718 <Animated.View
707719 className="relative w-full self-center"
708720 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:
7575 '@legendapp/list@3.3.3': d162d67b73933ab077d00627cdf52b18ea88b28c4fae4e8340a854df25026f09
7676 '@pierre/diffs@1.3.0-beta.10': 7ef7cb0cbabb17c15cdb137554068b36f15f6f5265e73fb51452aa3380db91aa
7777 '@react-native-menu/menu@2.0.0': 5ea3ae4bf1d9baf5443b65c269bb09621c27a68d556f713778f37b1e8d46aaae
78 '@react-native/gradle-plugin@0.85.3': c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784
7879 '@react-navigation/native-stack@7.17.6': c7fc101b78d434904425e5a24c22fb0042298dec6f807250486e784f3c717273
7980 effect@4.0.0-beta.103: af36b7948b6f9c56623074662b51dade5699880c1a7c71245de73e13c3185fb6
8081 expo-modules-jsi@56.0.10: 9170f8074ae4e35a0a086e756c8f815794fd3abe51eac67ca3ba02804225ec1f
......@@ -14198,7 +14199,7 @@ snapshots:
1419814199 - supports-color
1419914200 - utf-8-validate
1420014201
14201 '@react-native/gradle-plugin@0.85.3': {}
14202 '@react-native/gradle-plugin@0.85.3(patch_hash=c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784)': {}
1420214203
1420314204 '@react-native/js-polyfills@0.85.3': {}
1420414205
......@@ -20047,7 +20048,7 @@ snapshots:
2004720048 '@react-native/assets-registry': 0.85.3
2004820049 '@react-native/codegen': 0.85.3(@babel/core@7.29.7)
2004920050 '@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.3
20051 '@react-native/gradle-plugin': 0.85.3(patch_hash=c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784)
2005120052 '@react-native/js-polyfills': 0.85.3
2005220053 '@react-native/normalize-colors': 0.85.3
2005320054 '@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:
2009220093 '@react-native/assets-registry': 0.85.3
2009320094 '@react-native/codegen': 0.85.3(@babel/core@7.29.7)
2009420095 '@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.3
20096 '@react-native/gradle-plugin': 0.85.3(patch_hash=c1b594a16e682d621b6a960926f8ce13fc92edfb397884cfe7fcb0518996a784)
2009620097 '@react-native/js-polyfills': 0.85.3
2009720098 '@react-native/normalize-colors': 0.85.3
2009820099 '@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:
128128 "@legendapp/list@3.3.3": patches/@legendapp__list@3.3.3.patch
129129 "@pierre/diffs@1.3.0-beta.10": patches/@pierre%2Fdiffs@1.3.0-beta.10.patch
130130 "@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
131132 "@react-navigation/native-stack@7.17.6": patches/@react-navigation%2Fnative-stack@7.17.6.patch
132133 effect@4.0.0-beta.103: patches/effect@4.0.0-beta.103.patch
133134 expo-modules-jsi@56.0.10: patches/expo-modules-jsi@56.0.10.patch