Skip to content

chore: upgrade to react native 81 and expo 54 - #6875

Merged
Rohit3523 merged 202 commits into
developfrom
react-native-81
Apr 6, 2026
Merged

chore: upgrade to react native 81 and expo 54#6875
Rohit3523 merged 202 commits into
developfrom
react-native-81

Conversation

@Rohit3523

@Rohit3523 Rohit3523 commented Jan 3, 2026

Copy link
Copy Markdown
Member

Proposed changes

This PR updates the React Native version from 0.79 to 0.81.5 and Expo 53 to Expo 54

Few Changes

  1. I tired overwriting the react-is version but it failed
  2. Using solution provided in [Bug]: Snapshot tests failing for React 19 jestjs/jest#15402 (comment)

Depends on:

  1. chore: upgrade reanimated to v4 #6720
  2. feat: Migrate to react-native-true-sheet #6970

Issue(s)

https://rocketchat.atlassian.net/browse/CORE-1578
Closes #6874
Closes #6803

How to test or reproduce

Screenshots

Types of changes

  • Bugfix (non-breaking change which fixes an issue)
  • Improvement (non-breaking change which improves a current function)
  • New feature (non-breaking change which adds functionality)
  • Documentation update (if none of the other choices apply)

Checklist

  • I have read the CONTRIBUTING doc
  • I have signed the CLA
  • Lint and unit tests pass locally with my changes
  • I have added tests that prove my fix is effective or that my feature works (if applicable)
  • I have added necessary documentation (if applicable)
  • Any dependent changes have been merged and published in downstream modules

Further comments

Summary by CodeRabbit

  • New Features

    • Upgraded core stack (React 19, React Native 0.81, Expo 54) and enabled the new iOS architecture; improved gesture/animation implementation across the app.
  • Bug Fixes

    • Improved file-system and media handling, SSL/networking stability, and clearer handling of cleartext traffic configuration.
  • Chores

    • Android SDK/build tools, Kotlin, Gradle/tooling refreshed; added Expo plugins and broad dependency/tooling updates.
  • Tests

    • More reliable UI test selectors and added test identifiers for automation.

@coderabbitai

coderabbitai Bot commented Jan 3, 2026

Copy link
Copy Markdown
Contributor

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

  • @coderabbitai resume to resume automatic reviews.
  • @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

  • ▶️ Resume reviews
  • 🔍 Trigger review

Walkthrough

Upgrades RN/Expo and Android/iOS tooling, migrates Reanimated bridge calls from runOnJS to scheduleOnRN, replaces several touchables with RectButton/Touch, switches many expo-file-system imports to expo-file-system/legacy, and applies multiple manifest, plist, Gradle, and Xcode project updates.

Changes

Cohort / File(s) Summary
Android Build & Wrapper
android/build.gradle, android/gradle.properties, android/gradle/wrapper/gradle-wrapper.properties, android/gradlew, android/gradlew.bat
Bump compile/target SDK and buildTools to 36, update Kotlin version, add edgeToEdgeEnabled=false, update Gradle wrapper to 8.14.3, and change gradlew invocation/classpath handling.
Android Manifests & App Init
android/app/src/debug/AndroidManifest.xml, android/app/src/main/AndroidManifest.xml, android/app/src/main/java/chat/rocket/reactnative/MainApplication.kt
Remove debug manifest; add android:usesCleartextTraffic="${usesCleartextTraffic}" to main manifest; replace DefaultNewArchitectureEntryPoint.load() and SoLoader usage with ReactNativeApplicationEntryPoint.loadReactNative(this).
Project config (Babel/Metro/App JSON)
babel.config.js, metro.config.js, app.json
Swap react-native-reanimated/plugin for react-native-worklets/plugin, update metro defaultconfig resolution and append mjs to sourceExts, and add two plugin entries to app.json.
Dependency upgrades
package.json
Bump React → 19.1.0, React Native → 0.81.5, Expo → ^54, update many Expo and RN ecosystem packages, and add react-native-worklets.
Expo & RN patches
patches/expo-file-system+19.0.21.patch, patches/expo-image+2.3.2.patch, patches/react-native+0.81.5.patch
Move FileSystem implementation to legacy path/class, remove default for useAppleWebpCodec prop, and extend Cocoapods exclusion list to include .xcframework/.framework.
iOS build & plist changes
ios/RocketChatRN.xcodeproj/project.pbxproj, ios/RocketChatRN/Info.plist, ios/ShareRocketChatRN/Info.plist, ios/NotificationService/Info.plist
Add RCTNewArchEnabled=true keys across targets, reorder some plist keys, add RNCAsyncStorage_resources.bundle references, surface React runtimeexecutor headers, and wire Expo configure-phase inputs/outputs to targets.
expo-file-system → legacy imports
android/.../SSLPinningTurboModule.java, multiple app/... files (RecordAudio.tsx, encryption.ts, handleMediaDownload.ts, fileDownload.ts, Upload.android.ts, sslPinning.ts, sendFileMessage/utils.ts, AttachmentView.tsx, ShareListView/index.tsx)
Change imports from expo-file-system to expo-file-system/legacy and adjust Android integration to use FileSystemLegacyModule.
Gesture/Reanimated migration & touchables
app/containers/Button/index.tsx, app/containers/ActionSheet/Handle.tsx, app/containers/AudioPlayer/Seek.tsx, app/containers/RoomItem/*, app/containers/ServerItem/*, app/views/RoomView/List/components/List.tsx, app/containers/MessageComposer/hooks/useEmojiKeyboard.tsx
Replace Pressable/TouchableNativeFeedback with RectButton/Touch, migrate runOnJSscheduleOnRN, adopt Gesture.Pan() + GestureDetector for Seek, and update reanimated/worklet imports and timing usage.
UI props, refs, testIDs, and typing
app/containers/List/ListItem.tsx, app/containers/UIKit/Overflow.tsx, app/containers/message/Touch.tsx, app/containers/RoomItem/interfaces.ts, multiple app/views/*
Move testIDs onto nested controls (Switch/Radio), refine popover refs, standardize Touch usage, tighten SharedValue typing, and add testIDs for directory switches.
Maestro tests
.maestro/tests/*
Harden UI tests: use id-based selectors, regex/wildcards for text matches, consolidate keyboard hide into helper flow, and replace some waits with scrollUntilVisible.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~75 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 3

❌ Failed checks (1 warning, 2 inconclusive)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
Linked Issues check ❓ Inconclusive The PR addresses iOS 26 Switch layout issues [#6874] by upgrading React Native to 0.81.5 and Expo to 54, implements component replacements (RectButton, TouchableHighlight) [#6875], and updates expo-file-system imports to legacy entry point CORE-1578. MMKV call optimization objective [NATIVE-81] is not evidenced in the code changes. Verify whether the MMKV call optimization for push notifications [NATIVE-81] is addressed in the MainApplication.kt changes or clarify if this objective is deferred.
Out of Scope Changes check ❓ Inconclusive The PR includes substantial changes to build tools, gradle versions, Babel/metro configuration, and test automation updates beyond the primary RN/Expo upgrade scope, though most align with ecosystem compatibility requirements. Clarify whether gradle wrapper updates, Babel plugin replacements (reanimated→worklets), and maestro test selector changes are necessary for RN 0.81/Expo 54 compatibility or represent separate improvements.
✅ Passed checks (2 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'chore: upgrade to react native 81 and expo 54' accurately and concisely summarizes the main objective of the changeset.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@Rohit3523
Rohit3523 temporarily deployed to approve_e2e_testing January 4, 2026 08:54 — with GitHub Actions Inactive
@Rohit3523
Rohit3523 temporarily deployed to approve_e2e_testing January 4, 2026 08:58 — with GitHub Actions Inactive
@github-actions

Copy link
Copy Markdown

Android Build Available

Rocket.Chat Experimental 4.71.0.108439

Internal App Sharing: https://play.google.com/apps/test/RQVpXLytHNc/ahAO29uNSuEVKKA0DG3IPkOnoI1S2XrUNX2nUQvp_K0WPo95OnUZaT-J6ggoaqE-ep8RKRmAVkXlFF4ijR5vrlbvFE

Comment thread android/gradle.properties

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Actionable comments posted: 2

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
app/views/ShareListView/index.tsx (1)

105-117: ⚠️ Potential issue | 🟠 Major

Filter out null attachments before setting state.

Line 106 returns null for missing files, but Line 117 force-casts the array to IFileToShare[]. This can propagate null into attachments and break downstream consumers expecting only attachment objects.

💡 Proposed fix
-				const attachments = info.map(file => {
-					if (!file.exists) {
-						return null;
-					}
-
-					return {
-						filename: decodeURIComponent(file.uri.substring(file.uri.lastIndexOf('/') + 1)),
-						description: '',
-						size: file.size,
-						mime: mime.lookup(file.uri),
-						path: file.uri
-					};
-				}) as IFileToShare[];
+				const attachments = info
+					.map(file => {
+						if (!file.exists) {
+							return null;
+						}
+						return {
+							filename: decodeURIComponent(file.uri.substring(file.uri.lastIndexOf('/') + 1)),
+							description: '',
+							size: file.size ?? 0,
+							mime: mime.lookup(file.uri),
+							path: file.uri
+						};
+					})
+					.filter((file): file is IFileToShare => file !== null);
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@app/views/ShareListView/index.tsx` around lines 105 - 117, The attachments
mapping in ShareListView (const attachments = info.map(... ) as IFileToShare[])
returns null for missing files but is force-cast, so filter out nulls before
setting state: replace the single-step map+cast with map producing nullable
items and then filter to remove nulls (e.g., .filter(Boolean) or a type guard
like .filter((a): a is IFileToShare => a !== null)) so attachments is a true
IFileToShare[] and downstream consumers won’t receive null values.
♻️ Duplicate comments (1)
app/containers/UIKit/Overflow.tsx (1)

44-57: ⚠️ Potential issue | 🟠 Major

Use an instance-local ref for the popover anchor.

Line 44 introduces a module-scoped ref registry, and Line 49 allows blockId to be empty. That combination can retain stale refs and mis-anchor Popover (downstream at Line 72) when keys collide. Prefer a per-instance useRef tied to component lifecycle.

Suggested fix
-import React, { useState } from 'react';
-import { FlatList, StyleSheet, Text, type View } from 'react-native';
+import React, { useRef, useState } from 'react';
+import { FlatList, StyleSheet, Text } from 'react-native';
@@
-const touchable: { [key: string]: React.RefObject<View | null> } = {};
-
 export const Overflow = ({ element, loading, action, parser }: IOverflow) => {
 	const { theme } = useTheme();
 	const options = element?.options || [];
-	const blockId = element?.blockId || '';
 	const [show, onShow] = useState(false);
-
-	if (!touchable[blockId]) {
-		touchable[blockId] = React.createRef();
-	}
-
-	const touchableRef = touchable[blockId] as React.RefObject<any>;
+	const touchableRef = useRef<React.ElementRef<typeof Touch>>(null);
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@app/containers/UIKit/Overflow.tsx` around lines 44 - 57, The module-scoped
touchable registry (touchable) can hold stale refs and collide when blockId is
empty; replace it with an instance-local ref inside the Overflow component:
remove usage of the touchable map and instead create const touchableRef =
useRef<View | null>(null) (or useRef<any>(null)) within the Overflow function
and use that ref as the Popover anchor; drop the blockId-based allocation logic
and any casts to touchableRef so the ref is tied to the component lifecycle and
cannot leak or collide across instances.
🧹 Nitpick comments (1)
app/views/RoomView/List/components/List.tsx (1)

27-31: Guard the RN bridge behind a visibility flip.

Right now every scroll event above/below SCROLL_LIMIT posts setVisible back to the RN runtime. scheduleOnRN always schedules work onto that runtime, so this adds avoidable cross-runtime traffic on the room list’s hottest path even when the boolean has not changed. Cache the last threshold in a shared value and only bridge on transitions. (docs.swmansion.com)

♻️ Proposed fix
-import Animated, { useAnimatedScrollHandler } from 'react-native-reanimated';
+import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
 import { scheduleOnRN } from 'react-native-worklets';
@@
 const List = ({ listRef, jumpToBottom, ...props }: IListProps) => {
 	const [visible, setVisible] = useState(false);
+	const visibleRef = useSharedValue(false);
 	const { isAutocompleteVisible } = useRoomContext();
 	const scrollHandler = useAnimatedScrollHandler({
 		onScroll: event => {
-			if (event.contentOffset.y > SCROLL_LIMIT) {
-				scheduleOnRN(setVisible, true);
-			} else {
-				scheduleOnRN(setVisible, false);
+			const nextVisible = event.contentOffset.y > SCROLL_LIMIT;
+			if (nextVisible !== visibleRef.value) {
+				visibleRef.value = nextVisible;
+				scheduleOnRN(setVisible, nextVisible);
 			}
 		}
 	});
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@app/views/RoomView/List/components/List.tsx` around lines 27 - 31, The
onScroll handler is calling scheduleOnRN(setVisible, ...) on every event even
when visibility hasn't changed, causing unnecessary RN bridge traffic; add a
worklet/shared boolean (e.g., lastVisible shared value) inside the same scope as
onScroll and update it in the worklet so you only call scheduleOnRN when the
computed visible state (event.contentOffset.y > SCROLL_LIMIT) differs from
lastVisible, then flip lastVisible and invoke scheduleOnRN(setVisible, newValue)
only on that transition; reference the onScroll handler, scheduleOnRN,
setVisible, SCROLL_LIMIT and the new lastVisible shared value when applying the
change.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@app/containers/List/ListItem.tsx`:
- Around line 23-25: The code in ListItem.tsx computes
shouldDisableAccessibility using process.env.RUNNING_E2E_TESTS which bypasses
the React Native typed env import; replace that usage by importing
RUNNING_E2E_TESTS from '@env' and use it (together with isIOS) when computing
shouldDisableAccessibility and any other occurrences (e.g., around line 177).
Update the top-level imports to include RUNNING_E2E_TESTS and ensure the boolean
check uses the typed value instead of process.env to work with the
babel-plugin/react-native-dotenv setup.

In `@app/containers/RoomItem/Actions.tsx`:
- Line 12: Add a Jest mock for the react-native-worklets package in
jest.setup.js so imports like scheduleOnRN from 'react-native-worklets' in files
such as RoomItem/Actions.tsx resolve during tests; specifically, in
jest.setup.js register a jest.mock that maps 'react-native-worklets' to the
package's built-in mock module (the module at
'react-native-worklets/lib/module/mock'), and ensure this mock registration runs
before any test files import scheduleOnRN or other symbols from
'react-native-worklets'.

---

Outside diff comments:
In `@app/views/ShareListView/index.tsx`:
- Around line 105-117: The attachments mapping in ShareListView (const
attachments = info.map(... ) as IFileToShare[]) returns null for missing files
but is force-cast, so filter out nulls before setting state: replace the
single-step map+cast with map producing nullable items and then filter to remove
nulls (e.g., .filter(Boolean) or a type guard like .filter((a): a is
IFileToShare => a !== null)) so attachments is a true IFileToShare[] and
downstream consumers won’t receive null values.

---

Duplicate comments:
In `@app/containers/UIKit/Overflow.tsx`:
- Around line 44-57: The module-scoped touchable registry (touchable) can hold
stale refs and collide when blockId is empty; replace it with an instance-local
ref inside the Overflow component: remove usage of the touchable map and instead
create const touchableRef = useRef<View | null>(null) (or useRef<any>(null))
within the Overflow function and use that ref as the Popover anchor; drop the
blockId-based allocation logic and any casts to touchableRef so the ref is tied
to the component lifecycle and cannot leak or collide across instances.

---

Nitpick comments:
In `@app/views/RoomView/List/components/List.tsx`:
- Around line 27-31: The onScroll handler is calling scheduleOnRN(setVisible,
...) on every event even when visibility hasn't changed, causing unnecessary RN
bridge traffic; add a worklet/shared boolean (e.g., lastVisible shared value)
inside the same scope as onScroll and update it in the worklet so you only call
scheduleOnRN when the computed visible state (event.contentOffset.y >
SCROLL_LIMIT) differs from lastVisible, then flip lastVisible and invoke
scheduleOnRN(setVisible, newValue) only on that transition; reference the
onScroll handler, scheduleOnRN, setVisible, SCROLL_LIMIT and the new lastVisible
shared value when applying the change.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: d3e08d3d-d4e6-4858-9e00-736b3eb47c49

📥 Commits

Reviewing files that changed from the base of the PR and between 691fb63 and a393624.

⛔ Files ignored due to path filters (25)
  • app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap is excluded by !**/*.snap
  • app/containers/Button/__snapshots__/Button.test.tsx.snap is excluded by !**/*.snap
  • app/containers/Chip/__snapshots__/Chip.test.tsx.snap is excluded by !**/*.snap
  • app/containers/DirectoryItem/__snapshots__/DirectoryItem.test.tsx.snap is excluded by !**/*.snap
  • app/containers/Header/components/HeaderButton/__snapshots__/HeaderButtons.test.tsx.snap is excluded by !**/*.snap
  • app/containers/InAppNotification/__snapshots__/NotifierComponent.test.tsx.snap is excluded by !**/*.snap
  • app/containers/List/__snapshots__/List.test.tsx.snap is excluded by !**/*.snap
  • app/containers/LoginServices/__snapshots__/LoginServices.test.tsx.snap is excluded by !**/*.snap
  • app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap is excluded by !**/*.snap
  • app/containers/ReactionsList/__snapshots__/ReactionsList.test.tsx.snap is excluded by !**/*.snap
  • app/containers/RoomHeader/__snapshots__/RoomHeader.test.tsx.snap is excluded by !**/*.snap
  • app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap is excluded by !**/*.snap
  • app/containers/SearchBox/__snapshots__/SearchBox.test.tsx.snap is excluded by !**/*.snap
  • app/containers/ServerItem/__snapshots__/ServerItem.test.tsx.snap is excluded by !**/*.snap
  • app/containers/TextInput/__snapshots__/TextInput.test.tsx.snap is excluded by !**/*.snap
  • app/containers/UIKit/__snapshots__/UiKitMessage.test.tsx.snap is excluded by !**/*.snap
  • app/containers/UIKit/__snapshots__/UiKitModal.test.tsx.snap is excluded by !**/*.snap
  • app/containers/markdown/__snapshots__/Markdown.test.tsx.snap is excluded by !**/*.snap
  • app/containers/message/__snapshots__/Message.test.tsx.snap is excluded by !**/*.snap
  • app/views/CannedResponsesListView/__snapshots__/CannedResponseItem.test.tsx.snap is excluded by !**/*.snap
  • app/views/CreateChannelView/RoomSettings/__snapshots__/SwitchItem.test.tsx.snap is excluded by !**/*.snap
  • app/views/DiscussionsView/__snapshots__/Item.test.tsx.snap is excluded by !**/*.snap
  • app/views/NewServerView/components/ServersHistoryItem/__snapshots__/ServersHistoryItem.test.tsx.snap is excluded by !**/*.snap
  • app/views/RoomView/LoadMore/__snapshots__/LoadMore.test.tsx.snap is excluded by !**/*.snap
  • app/views/ThreadMessagesView/__snapshots__/Item.test.tsx.snap is excluded by !**/*.snap
📒 Files selected for processing (35)
  • .maestro/tests/accessibilityAndAppearance/ToastsAndDialogs.yml
  • .maestro/tests/assorted/join-from-directory.yaml
  • .maestro/tests/assorted/profile.yaml
  • .maestro/tests/room/room-actions.yaml
  • android/app/src/main/java/chat/rocket/reactnative/MainApplication.kt
  • android/app/src/main/java/chat/rocket/reactnative/networking/SSLPinningTurboModule.java
  • app/containers/ActionSheet/Handle.tsx
  • app/containers/AudioPlayer/Seek.tsx
  • app/containers/Button/index.tsx
  • app/containers/List/ListItem.tsx
  • app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx
  • app/containers/MessageComposer/hooks/useEmojiKeyboard.tsx
  • app/containers/RoomItem/Actions.tsx
  • app/containers/RoomItem/Touchable.tsx
  • app/containers/RoomItem/interfaces.ts
  • app/containers/ServerItem/SwipeableDeleteItem/Actions.tsx
  • app/containers/ServerItem/SwipeableDeleteItem/Touchable.tsx
  • app/containers/UIKit/Overflow.tsx
  • app/containers/message/Touch.tsx
  • app/lib/encryption/encryption.ts
  • app/lib/methods/handleMediaDownload.ts
  • app/lib/methods/helpers/fileDownload.ts
  • app/lib/methods/helpers/fileUpload/Upload.android.ts
  • app/lib/methods/helpers/sslPinning.ts
  • app/lib/methods/sendFileMessage/utils.ts
  • app/views/AttachmentView.tsx
  • app/views/CreateDiscussionView/index.tsx
  • app/views/DirectoryView/Options.tsx
  • app/views/RoomView/List/components/List.tsx
  • app/views/SecurityPrivacyView.tsx
  • app/views/ShareListView/index.tsx
  • app/views/ShareView/Thumbs.tsx
  • app/views/UserNotificationPreferencesView/index.tsx
  • app/views/UserPreferencesView/index.tsx
  • babel.config.js
✅ Files skipped from review due to trivial changes (11)
  • app/containers/ActionSheet/Handle.tsx
  • app/lib/methods/helpers/fileDownload.ts
  • .maestro/tests/accessibilityAndAppearance/ToastsAndDialogs.yml
  • app/lib/methods/sendFileMessage/utils.ts
  • app/lib/methods/helpers/fileUpload/Upload.android.ts
  • app/views/AttachmentView.tsx
  • android/app/src/main/java/chat/rocket/reactnative/networking/SSLPinningTurboModule.java
  • app/views/UserNotificationPreferencesView/index.tsx
  • app/containers/MessageComposer/components/RecordAudio/RecordAudio.tsx
  • app/lib/encryption/encryption.ts
  • app/views/UserPreferencesView/index.tsx
🚧 Files skipped from review as they are similar to previous changes (2)
  • babel.config.js
  • android/app/src/main/java/chat/rocket/reactnative/MainApplication.kt
📜 Review details
🧰 Additional context used
🧠 Learnings (7)
📓 Common learnings
Learnt from: Rohit3523
Repo: RocketChat/Rocket.Chat.ReactNative PR: 6930
File: package.json:101-101
Timestamp: 2026-02-05T13:55:06.688Z
Learning: The RocketChat/Rocket.Chat.ReactNative repository uses a fork of react-native-image-crop-picker (RocketChat/react-native-image-crop-picker) with custom Android edge-to-edge fixes, not the upstream ivpusic/react-native-image-crop-picker package. Dependencies should reference commit pins from the RocketChat fork.
📚 Learning: 2025-12-17T15:56:22.578Z
Learnt from: OtavioStasiak
Repo: RocketChat/Rocket.Chat.ReactNative PR: 6499
File: app/containers/ServerItem/index.tsx:34-36
Timestamp: 2025-12-17T15:56:22.578Z
Learning: In the Rocket.Chat React Native codebase, for radio button components on iOS, include the selection state ("Selected"/"Unselected") in the accessibilityLabel instead of using accessibilityState={{ checked: hasCheck }}, because iOS VoiceOver has known issues with accessibilityRole="radio" + accessibilityState that prevent correct state announcement.

Applied to files:

  • app/views/CreateDiscussionView/index.tsx
  • app/containers/List/ListItem.tsx
  • app/containers/message/Touch.tsx
  • app/views/SecurityPrivacyView.tsx
📚 Learning: 2026-03-10T15:21:45.098Z
Learnt from: Rohit3523
Repo: RocketChat/Rocket.Chat.ReactNative PR: 7046
File: app/containers/InAppNotification/NotifierComponent.stories.tsx:46-75
Timestamp: 2026-03-10T15:21:45.098Z
Learning: In `app/containers/InAppNotification/NotifierComponent.tsx` (React Native, Rocket.Chat), `NotifierComponent` is exported as a Redux-connected component via `connect(mapStateToProps)`. The `isMasterDetail` prop is automatically injected from `state.app.isMasterDetail` and does not need to be passed explicitly at call sites or in Storybook stories that use the default (connected) export.

Applied to files:

  • app/views/ShareListView/index.tsx
  • app/containers/message/Touch.tsx
  • app/containers/UIKit/Overflow.tsx
📚 Learning: 2026-03-17T19:15:30.463Z
Learnt from: Rohit3523
Repo: RocketChat/Rocket.Chat.ReactNative PR: 6970
File: .maestro/tests/room/share-message.yaml:77-79
Timestamp: 2026-03-17T19:15:30.463Z
Learning: In `.maestro/tests/room/share-message.yaml` (Rocket.Chat React Native), the `tapOn: point: 5%,10%` step is intentional: it taps the empty area above the bottom sheet and keyboard to dismiss both simultaneously. Using `action-sheet-handle` instead would only close the sheet but not the keyboard. This pattern is acceptable when both need to be dismissed together in a single step.

Applied to files:

  • .maestro/tests/assorted/profile.yaml
📚 Learning: 2026-03-05T14:28:10.004Z
Learnt from: Rohit3523
Repo: RocketChat/Rocket.Chat.ReactNative PR: 6997
File: .maestro/tests/room/message-markdown-click.yaml:28-39
Timestamp: 2026-03-05T14:28:10.004Z
Learning: In Maestro YAML selector fields (text, id) within the Rocket.Chat React Native repository, use the contains pattern '.*keyword.*' (leading and trailing '.*') for matching text. The pattern '.*keyword*.' is incorrect and will fail to match cases where the keyword appears at the end of the element's text. This guideline applies to all Maestro YAML selector fields across the codebase.

Applied to files:

  • .maestro/tests/assorted/profile.yaml
  • .maestro/tests/room/room-actions.yaml
  • .maestro/tests/assorted/join-from-directory.yaml
📚 Learning: 2026-03-17T19:15:26.536Z
Learnt from: Rohit3523
Repo: RocketChat/Rocket.Chat.ReactNative PR: 6970
File: .maestro/tests/room/share-message.yaml:77-79
Timestamp: 2026-03-17T19:15:26.536Z
Learning: In YAML test files under .maestro/tests/room, use tapping the empty area (e.g., tapOn: point: 5%,10%) to dismiss both the bottom sheet and keyboard when needed. Do not rely on action-sheet-handle alone if the keyboard also needs to be dismissed in the same step. This pattern is acceptable for tests where a single tap should close both UI elements.

Applied to files:

  • .maestro/tests/room/room-actions.yaml
📚 Learning: 2026-03-04T20:13:17.288Z
Learnt from: divyanshu-patil
Repo: RocketChat/Rocket.Chat.ReactNative PR: 6957
File: ios/RocketChat Watch App/Views/MessageComposerView.swift:37-55
Timestamp: 2026-03-04T20:13:17.288Z
Learning: In the WatchOS app (ios/RocketChat Watch App) for Rocket.Chat React Native, using SwiftUI `Button` inside a `ScrollView` on WatchOS causes accidental message sends because button tap targets can be triggered during scroll gestures. `Text` with `.onTapGesture` is the preferred pattern for tappable items in scroll views on WatchOS. To preserve accessibility, add `.accessibilityAddTraits(.isButton)` and `.accessibilityLabel()` to the `Text` element instead.

Applied to files:

  • app/containers/message/Touch.tsx
  • app/views/SecurityPrivacyView.tsx
🔇 Additional comments (15)
app/containers/Button/index.tsx (2)

91-99: LGTM on the RectButton implementation.

The switch from Pressable to RectButton with enabled={!isDisabled} correctly handles the Android production build issue mentioned in the PR. The component properly:

  • Derives isDisabled from disabled || loading
  • Converts to enabled={!isDisabled} for RectButton's expected API
  • Preserves all accessibility attributes

3-3: No breaking changes detected. The components using Pressable-specific props like android_ripple (IconButton, UserItem, Chip) are separate implementations that extend Pressable directly, not callers of the Button component. All actual Button imports pass only compatible props (title, type, onPress, loading, etc.), making this migration safe.

app/views/ShareListView/index.tsx (1)

5-5: No actionable concern in this import-only change.

app/lib/methods/handleMediaDownload.ts (1)

1-1: No actionable concern in this import-only change.

app/lib/methods/helpers/sslPinning.ts (2)

3-3: No actionable concern in this import-only change.


64-64: No actionable concern in this typing-only change.

app/containers/message/Touch.tsx (1)

10-11: Looks good: platform touchable swap is coherent and props are correctly wired.

The Line 30 component selection and Line 81 non-iOS touch props are internally consistent with the rendered wrapper and forwarded ref usage.

Also applies to: 30-31, 81-81

app/views/ShareView/Thumbs.tsx (1)

3-3: LGTM: unified touch wrapper simplifies platform handling without changing intent.

The switch to Touch in Line 96 keeps the thumb press behavior clear while preserving the dedicated remove action button.

Also applies to: 11-12, 96-113

app/views/SecurityPrivacyView.tsx (2)

106-112: Carry-forward: crash report accessibility label still points to the wrong state.

Line 111 is still bound to analyticsEventsState; it should use crashReportState so the spoken enabled/disabled state matches the crash-report toggle.


96-102: Good move: testID is now attached to the actual interactive Switch.

This makes E2E targeting more reliable than attaching the ID on List.Item.

app/views/DirectoryView/Options.tsx (1)

50-50: Good selector hardening with stable IDs.

These testIDs make the filter toggles deterministic for Maestro and reduce text-selector flakiness.

Also applies to: 74-74

.maestro/tests/assorted/profile.yaml (1)

99-100: Nice cleanup using shared keyboard-dismiss flow.

Centralizing this into hide-keyboard.yaml should reduce platform-specific drift in this test.

Also applies to: 115-116

app/views/CreateDiscussionView/index.tsx (1)

174-174: LGTM on moving testID to the encryption Switch.

This is the right locator surface for test interactions.

.maestro/tests/assorted/join-from-directory.yaml (1)

100-100: Great switch from text selectors to stable id selectors.

This should make the directory filter steps much less brittle.

Also applies to: 103-103, 148-148, 151-151

.maestro/tests/room/room-actions.yaml (1)

124-127: Good robustness improvement in the action-sheet flow.

Using scrollUntilVisible here is safer than waiting when the option can be off-screen.

Comment thread app/containers/List/ListItem.tsx
Comment thread app/containers/RoomItem/Actions.tsx

@OtavioStasiak OtavioStasiak left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Small changes, please if the CodeRabbit comment don't make sense resolve it.

Comment thread app/containers/List/ListItem.tsx
Comment thread ios/NotificationService/Info.plist Outdated
Comment thread ios/ShareRocketChatRN/Info.plist Outdated
Comment thread ios/ShareRocketChatRN/Info.plist Outdated
Comment on lines +72 to +76
<key>bugsnag</key>
<dict>
<key>apiKey</key>
<string>apiKeyValue</string>
</dict>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

@Rohit3523 have you checked this one?

Comment thread android/app/src/main/AndroidManifest.xml

@OtavioStasiak OtavioStasiak left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM!
Tests and build are failing, fix it before merge.

@github-actions

Copy link
Copy Markdown

Android Build Available

Rocket.Chat Experimental 4.71.0.108447

Internal App Sharing: https://play.google.com/apps/test/RQVpXLytHNc/ahAO29uNSe0sB2fIYVw7i1b0LaQAonccWz3ay8C8ATpQ-QpC24-QVref215SVoXBymRH8Acraz7ge7PEb6SgEiTxQ2

@github-actions

github-actions Bot commented Apr 2, 2026

Copy link
Copy Markdown

Android Build Available

Rocket.Chat Experimental 4.72.0.108466

Internal App Sharing: https://play.google.com/apps/test/RQVpXLytHNc/ahAO29uNSoFKhNrbRyysRmed0k_WVbVZ9q7EdwVZ18gg4_HZDHsFcbtEcdJIKfm1UviKGssv7ibx6lJWFQcyYHvIzu

Comment on lines +44 to +57
const touchable: { [key: string]: React.RefObject<View | null> } = {};

export const Overflow = ({ element, loading, action, parser }: IOverflow) => {
const { theme } = useTheme();
const options = element?.options || [];
const blockId = element?.blockId || '';
const [show, onShow] = useState(false);

if (!touchable[blockId]) {
touchable[blockId] = React.createRef();
}

const touchableRef = touchable[blockId] as React.RefObject<any>;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

We need to create an issue for this.

Comment thread app.json Outdated
Comment thread android/gradle.properties
# Use this property to enable edge-to-edge display support.
# This allows your app to draw behind system bars for an immersive UI.
# Note: Only works with ReactActivity and should not be used with custom Activity.
edgeToEdgeEnabled=false No newline at end of file

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

We'll need to check if this is going to pass on Google Play after merged.
There's a chance they reject us, since it's mandatory now.
Create a subtask on Jira for this so we don't forget.

@github-actions

github-actions Bot commented Apr 4, 2026

Copy link
Copy Markdown

@github-actions

github-actions Bot commented Apr 4, 2026

Copy link
Copy Markdown

Android Build Available

Rocket.Chat 4.72.0.108472

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

bug(iOS): switch having layout problem after iOS 26 update

3 participants