lineHeight in MessageText cause emojis to cut

Issue Description

Looks like the lineHeight here https://github.com/FaridSafi/react-native-gifted-chat/blob/master/src/MessageText.js#L71 causes emojis in the top row to cut.

Removing this line seems to fix it btw.

@FaridSafi can we safely remove it or does it have a purpose?

Steps to Reproduce / Code Snippets

Expected Results

Not to cut 😃

Additional Information

• Platform: iOS

[ghost]

@kfiroo Removing the lineHeight causes the bottom of emojis to cut off, when only a single line of text is present. Increasing the Line-height to (fontSize + 8) seems to solve all Emoji issues I’ve run into with React native’s text component.

For example, here setting the lineHeight to 24 (16+8) solves the problem of cutting emojis on the top and bottom.

const textStyle = {
  fontSize: 16,
  lineHeight: 24,
  marginTop: 5,
  marginBottom: 5,
  marginLeft: 10,
  marginRight: 10,
};

@FaridSafi

[kfiroo]

@neilsarkar Thanks! can you post images of the same messages using the old margin style for comparison? Thanks 😃