Inline images in message?

Issue Description

Trying to get inline images in messages to work. Adding a separate pattern and renderText function. But they end up in the same line as the text. I would like them to be on separate lines and split the text.

It also never replaces all occurrences of my pattern, just the first one?

Steps to Reproduce / Code Snippets

renderImage = (matchingString, matches) => (
  <View
    style={{
      paddingVertical: 10,
    }}
  >
    <MessageImage currentMessage={{ image: matches[1] }} />
  </View>
);

render() {
  return (
    <SafeAreaView style={styles.screen}>
      <GiftedChat
        parsePatterns={() => [
          {
            pattern: /\[IMG:(.+?)\]/gi,
            style: {},
            onPress: () => {},
            renderText: this.renderImage,
          },
        ]}
      />
    </SafeAreaView>
  );
}

Additional Information

• Nodejs version: v8.9.4
• React version: 16.3.1
• React Native version: 0.55.4
• react-native-gifted-chat version: ^0.4.3
• Platform(s) (iOS, Android, or both?): iOS

[AkAyush]

Hi, I am using react-native-gifted-chat and i wanted to know, how to restrict the user to input any phone number or email address in chat ??

In My second scenario, I want to replace my chated phone number or email with ********* so that the end user cant see the shared number or email for the privacy reason.

PLEASE HELP I AM NEW WITH THIS LIBRARY

[AkAyush]

Thank You so much @emilkarl, it’s working 👍