Bubble message text color does not dynamically change

Issue Description

MessageText color does not dynamically change when changing the color property on the Bubble component.

Steps to Reproduce / Code Snippets

const renderBubble = (props) => {
    // theme is a hook that updates the colors based on the device's colorScheme value ('light' or 'dark'). 
    const { theme } = useTheme();
    
    return (
      <Bubble
        {...props}
        wrapperStyle={{
          left: { backgroundColor: theme.colors.bubble }, // Changes dynamically 
          right: { backgroundColor: theme.colors.bubble }, // Changes dynamically
        }}
        renderMessageText={(props) => {
          return (
            <MessageText
              {...props}
              textStyle={{
                left: { color: theme.colors.white }, // Does not change dynamically
                right: { color: theme.colors.white },
              }}
            />
          );
        }}
      />
    );
  };

Expected Results

The text should change its color (re-render the component). For example, theme.colors.white is white when the colorScheme is ‘light’ and black when the colorScheme is ‘dark’.

Testing this with the background color property for the Bubble component and it works fine if we provide shouldUpdateMessage={() => true}. However, no matter what we tried (e.g. adding theme property to extraData prop) the color property of MessageText does not change.

Additional Information

• Nodejs version: v15.14.0
• React version: 16.13.1
• React Native version: Expo’s latest for SDK 41
• react-native-gifted-chat version: 0.16.3
• Platform(s) (iOS, Android, or both?): both
• TypeScript version: N/A

[husam-qb]

Solved this issue by implementing our own MessageText component as a hook. The problem seems to be with the componentShouldUpdate function does not get executed when shouldUpdateMessage returns true. It only propagates down to the Bubble component.

We prefer that this is fixed in the library so we don’t have to maintain our own custom component.

[fukemy]

hi can u provide some codes?