React-native-gifted-chat: Customize MessageText help

[brianinator]

I have been trying to change the font and color of the message's text. Here is my renderMessageText function.

  renderMessageText(props) {
    return (
      <MessageText textStyle={{fontSize: 18, fontWeight: 'bold', fontFamily: 'AvenirNext-Regular', color: 'lightgray'}} linkStyle={{fontSize: 18, color: 'green'}} />
    )
  },

It just has not been working. Am I missing something? Thanks.

[FaridSafi]

I will publish a fix in few minutes

[brianinator]

Wow nice thanks.

[FaridSafi]

please test with 0.0.3

[brianinator]

Tested if I keep my code the same. I get bubbles without text. But if I add {...props} I get the text back but no style change.

[FaridSafi]

0.0.3 contains a fix for ignored custom MessageText

Your code should now looks like

    renderMessageText(props) {
      const textStyle = {
        fontSize: 18, fontWeight: 'bold', fontFamily: 'AvenirNext-Regular', color: 'lightgray',
      };
      const linkStyle = {fontSize: 18, color: 'green'};
      return (
        <MessageText textStyle={{left: textStyle, right: textStyle}} linkStyle={{left: linkStyle, right: linkStyle}} {...props} />
      )
    },

Left and Right are for Received and Sent messages styles

[brianinator]

That worked.

[psgganesh]

@FaridSafi ... Sorry this still gives me MessageText is undefined ...