React-native-gifted-chat: Change color of send button

Created on 27 Dec 2017  路  3Comments  路  Source: FaridSafi/react-native-gifted-chat

Issue Description

I want to change the color of the send button. I tried doing something similar to #640 (changing wrapperStyle -> style is also no solution) as that worked for me to change the color of the chat-bubble, but the color of the send button still remains the default blue one. What is going wrong here?

code snippet

renderSend(props) {
        return (
          <Send 
            {...props}
            wrapperStyle={{
            text: {
                  color: commonColor.brandPrimary
                }
            }}>
            </Send>
        );
    }

Expected result
A send button with a specified color

Most helpful comment

You should pass textStyle Object as a prop and not text. There you have your color: 'specific color'.

All 3 comments

You should pass textStyle Object as a prop and not text. There you have your color: 'specific color'.

Its's not working for me

<Send {...props} wrapperStyle={{ textStyle: { color: 'red' } }} > </Send>

Its's not working for me

<Send {...props} wrapperStyle={{ textStyle: { color: 'red' } }} > </Send>

I figured it out by checking the source.

<Send {...props} textStyle={{ color: constants.primaryColor }} label={'Send'} />
Was this page helpful?
0 / 5 - 0 ratings

Related issues

radvc picture radvc  路  3Comments

pentarex picture pentarex  路  3Comments

inceptivetech picture inceptivetech  路  3Comments

jasonwcfan picture jasonwcfan  路  3Comments

yogiben picture yogiben  路  3Comments