Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to customize date text color

See original GitHub issue

Issue Description

Unable to change the color of the date, while its possible to change the color of the text.

Steps to Reproduce / Code Snippets

What I’m doing right now to change colors of the bubbles and message text. However, this will not change the color of the dates.

      <Bubble
        {...props}
        wrapperStyle={{
          left: {
            backgroundColor: '#5bc236',
            marginBottom: 5
          },
          right: {
            backgroundColor: '#f3f3f3',
            marginBottom: 5
          }
        }}
        textProps={{
          style: {
            color: props.position === 'left' ? '#ffffff' : '#000000',
          },
        }}
      />

Expected Results

Date and Message colors are matching and are able to customized.

Additional Information

Nodejs version: 9.7.1
React version: 16.2.0
React Native version: 0.53.3
react-native-gifted-chat version: 0.4.3
Platform(s) (iOS, Android, or both?): iOS

Issue Analytics

State:
Created 5 years ago
Comments:6

Top GitHub Comments

5reactions

Bronsequencescommented, Jul 3, 2018

Any news on this fix being release via NPM? We’ve forked this repo to get the changes currently available in master but would like to switch back to referencing your module via NPM if possible.

2reactions

mafiusucommented, Mar 30, 2018

@jnrepo yes from master "react-native-gifted-chat": "https://github.com/FaridSafi/react-native-gifted-chat.git",