React-native-gifted-chat: Change background bubble color

Created on 29 Jun 2017  路  1Comment  路  Source: FaridSafi/react-native-gifted-chat

hi i have tried to change background (default blue) of the bubble but i don't now how make that. I have tried on >
renderBubble(props) { return ( <Bubble {...props} textStyle={{ right: { color: 'white', } }} /> ); }

picture Sh1n1x

Most helpful comment

Specify the color in wrapperStyle instead of textStyle.

renderBubble(props) { return ( <Bubble {...props} 
      wrapperStyle={{
          left: {
            backgroundColor: 'white',
          },
          right: {
            backgroundColor: '#ECEFF1'
          }
        }} />
picture varungupta85 on 30 Jun 2017
👍25 🎉8 😄7 🚀6 👎1

>All comments

Specify the color in wrapperStyle instead of textStyle.

renderBubble(props) { return ( <Bubble {...props} 
      wrapperStyle={{
          left: {
            backgroundColor: 'white',
          },
          right: {
            backgroundColor: '#ECEFF1'
          }
        }} />
varungupta85 picture varungupta85 on 30 Jun 2017
👍25 🎉8 😄7 🚀6 👎1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

cassioseffrin picture cassioseffrin  路  3Comments
cerberusv2px picture cerberusv2px  路  3Comments
maharjanaman picture maharjanaman  路  3Comments
yazhengwang picture yazhengwang  路  3Comments
iamdurui picture iamdurui  路  3Comments