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 style time stamp of chat bubbles

See original GitHub issue

Issue Description

Unable to change the timestamp styling displayed in chat bubbles

Steps to Reproduce / Code Snippets

  renderBubble (props) {
    return (
      <Bubble
        {...props}
       
        textStyle={{
          right: {
            color: 'black',
            fontWeight:'400'
          },
          left:{
            color:'black',
            fontWeight:'400'

          }
        }}
        wrapperStyle={{
          right: {
            backgroundColor: '#ffd633'
          },
          left:{
            backgroundColor:'#fff0b3'
          }
        }}
      />
    )
  }

Simulator Screen Shot - iPhone 8 - 2020-02-22 at 00 38 10

Expected Results

Styling for time stamps just like the message text in the bubble

Additional Information

React version: 16.8.3
React Native version: 0.59.10
react-native-gifted-chat version: 0.13.0
Platform(s) (iOS, Android, or both?): Yes

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:8

Top GitHub Comments

20reactions

Gabsyscommented, Mar 19, 2020

Just use timeTextStyle={{ left: { color: 'black' },right: { color:'black'} }} props at GiftedChat tag

0reactions

jaireneecommented, Jan 4, 2021

Is there no way to get more granular than “left” and “right”? If there’s a multi-user chat with multiple different background colors going on on the left side, I want to be sure the timestamp is readable. If I’m limited to “left”, then that can’t happen. Yikes.