React-native-gifted-chat: how can change the color of the message box

[dibiro]

I need to change the color of the message box from blue to orange

[Frexuz]

  renderBubble (props) {
    return (
      <Bubble
        {...props}
        wrapperStyle={{
          right: {
            backgroundColor: Colors.primary
          }
        }}
      />
    )
  }

<GiftedChat
  ...
  renderBubble={this.renderBubble}

[xcarpentier]

I close this issue but create a FAQ in readme to refer it: https://github.com/FaridSafi/react-native-gifted-chat#questions

[alamorre]

I see what you're doing but where does that Bubble component come from and how do you import it?

[kg-currenxie]

It's just the normal bubble from gifted-chat, but we just override the default styles

import { Bubble } from 'react-native-gifted-chat'

[juanmanuelco]

And if i wanna change the text color on bubble ?

[boukarsall]

renderBubble (props) {
      return (
        <Bubble
          {...props}
          textStyle={{
            right: {
              color: "white"
            },
            left: {
              color: "white"
            }
          }}
        />
      )
    }

[hackrx]

Can anyone tell me how can I change the shape of the message box
like this