Skip to content

[🐛] Thread messages will not be visible, and additionally can render messages from the previous thread #3155

@nemrosim

Description

@nemrosim

Issue

stream-chat-expo version 7.2.2

After solving this issue new one appeared:

When user press on the "thread" and there are >1 messages -> those will be hidden.
Solution: Make changes in the stream-chat-react-native-core/src/components/MessageList/MessageList.tsx component

- maintainVisibleContentPosition={maintainVisibleContentPosition}
+ maintainVisibleContentPosition={Platform.OS === 'ios' ? undefined: maintainVisibleContentPosition}

NOTE: Sometimes threads will show messages from the previously opened thread too. Check video from the examples/ExpoMessaging project:

Stream.chat.expo.mp4

Steps to reproduce

Steps to reproduce the behaviour:

  1. Start examples/ExpoMessaging project
  2. Go to Thread messages with >1 message in that thread
  3. Restart the app
  4. Open that thread again
  5. See error

Expected behavior

Project Related Information

Customization

Click To Expand

# N/A

Offline support

  • I have enabled offline support.
  • The feature I'm having does not occur when offline support is disabled. (stripe out if not applicable)

Environment

Click To Expand

package.json:

{
  "name": "ExpoMessaging",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "start": "expo start --dev-client",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@op-engineering/op-sqlite": "^14.0.4",
    "@react-native-community/netinfo": "11.4.1",
    "@react-navigation/elements": "^1.3.31",
    "expo": "^53.0.12",
    "expo-audio": "~0.4.6",
    "expo-clipboard": "~7.1.4",
    "expo-constants": "~17.1.6",
    "expo-document-picker": "~13.1.5",
    "expo-file-system": "~18.1.10",
    "expo-haptics": "~14.1.4",
    "expo-image-manipulator": "~13.1.7",
    "expo-image-picker": "~16.1.4",
    "expo-linking": "~7.1.5",
    "expo-router": "~5.1.0",
    "expo-sharing": "~13.1.5",
    "expo-splash-screen": "~0.30.9",
    "expo-status-bar": "~2.2.3",
    "expo-video": "~2.2.1",
    "react": "19.0.0",
    "react-dom": "19.0.0",
    "react-native": "0.79.3",
    "react-native-gesture-handler": "~2.26.0",
    "react-native-reanimated": "~3.17.4",
    "react-native-safe-area-context": "5.4.0",
    "react-native-screens": "~4.11.1",
    "react-native-svg": "15.11.2",
    "react-native-web": "^0.20.0",
    "stream-chat-expo": "link:../../package/expo-package",
    "stream-chat-react-native-core": "link:../../package",
    "typescript": "~5.8.3"
  },
  "devDependencies": {
    "@babel/core": "^7.27.4",
    "@rnx-kit/metro-config": "^2.1.0",
    "@rnx-kit/metro-resolver-symlinks": "^0.2.5"
  },
  "resolutions": {
    "@types/react": "^19.0.0"
  },
  "private": true
}

react-native info output:

System:
  OS: macOS 15.4.1
  CPU: (12) arm64 Apple M2 Pro
  Memory: 105.28 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 18.18.2
    path: ~/.nvm/versions/node/v18.18.2/bin/node
  Yarn:
    version: 1.22.22
    path: /opt/homebrew/bin/yarn
  npm:
    version: 9.8.1
    path: ~/.nvm/versions/node/v18.18.2/bin/npm
  Watchman:
    version: 2025.04.28.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/artemdiashkin/.rbenv/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.5
      - iOS 18.5
      - macOS 15.5
      - tvOS 18.5
      - visionOS 2.5
      - watchOS 11.5
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23726.103.2422.12816248
  Xcode:
    version: 16.4/16F6
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby:
    version: 3.2.0
    path: /Users/artemdiashkin/.rbenv/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.9
    wanted: 0.76.9
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

  • Platform that you're experiencing the issue on:
    • iOS
    • Android
    • iOS but have not tested behavior on Android
    • Android but have not tested behavior on iOS
    • Both
  • stream-chat-expo version you're using that has this issue:
    • e.g. 7.2.2
  • Device/Emulator info:
    • I am using a physical device
    • OS version: e.g. Android 10
    • Device/Emulator: e.g. iPhone 11

Additional context

Screenshots

Click To Expand


Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions