Customize MessageText help

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]

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

[psgganesh]

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