Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

how can change the color of the message box #640

Closed
dibiro opened this issue Nov 16, 2017 · 7 comments
Closed

how can change the color of the message box #640

dibiro opened this issue Nov 16, 2017 · 7 comments
Labels

Comments

@dibiro
Copy link

@dibiro dibiro commented Nov 16, 2017

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

@Frexuz
Copy link

@Frexuz Frexuz commented Nov 17, 2017

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

<GiftedChat
  ...
  renderBubble={this.renderBubble}
@xcarpentier
Copy link
Collaborator

@xcarpentier xcarpentier commented Dec 21, 2017

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

@alamorre
Copy link

@alamorre alamorre commented Jun 19, 2019

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

@kg-currenxie
Copy link

@kg-currenxie kg-currenxie commented Jun 20, 2019

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

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

@juanmanuelco
Copy link

@juanmanuelco juanmanuelco commented Oct 28, 2019

And if i wanna change the text color on bubble ?

@boukarsall
Copy link

@boukarsall boukarsall commented Nov 30, 2019

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

@hackrx hackrx commented Jul 16, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
8 participants
You can’t perform that action at this time.