Skip to content

🔥 [🐛] Reply item text color style not applied on MessageFlashList #3446

@normanwilde

Description

@normanwilde

Issue

Using MessageFlashList, custom styles from the theme in the Reply component are sometimes not applied.
It's likely happening to list virtualization and item recycling, because it happens only sometimes and on hot reload or rerender the item style is fixed.

Steps to reproduce

Steps to reproduce the behavior:

  1. Use MessageFlashList
  2. Use a custom style for reply.markDownStyles.text: color property, which is not black (to distinguish it)
  3. Render multiple messages in a Channel and reply to them
  4. Observe that on some replies the reply's text color is not applied

Expected behavior

The custom text color of the Reply item set up in themes should be applied.

Project Related Information

Customization

Click To Expand

This happens without any customization except for the theme:

  reply: {
    messageContainer: {
      ...MESSAGE_BUBBLE_BORDER_RADIUS,
      paddingHorizontal: SPACING_HORIZONTAL["4"],
      borderBottomLeftRadius: 0,
      backgroundColor: Color.BLACK_90_SOLID, // Background of reply container's text content
    },
    markdownStyles: {
      text: {
        ...FontStyles["15RegularParagraph"],
        color: Color.WHITE_95_SOLID,
      },
    },
  },
# N/A

Offline support

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

Environment

Click To Expand

  • 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-react-native version you're using that has this issue:
    • 8.12.0
  • Device/Emulator info:
    • I am using a physical device
    • OS version: iOS 26.3
    • Device/Emulator: multiple iPhones

Additional context

Screenshots

Click To Expand

Image


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