[QUESTION]: How to render custom message ?

[shamxeed]

I am not completely sure whether my codes follows good PRACTICE, that's why I'm here.

In a room chat, I want the current room members to be notified of newly joined member through rendering customMessage.

my code:

import { Dimensions } from 'react-native'
import { Chat, defaultTheme } from '@flyerhq/react-native-chat-ui';

//first off, let's get the screen width
const { width } = Dimensions.get('screen');

const ChatWindow = () => {
 return (
    <Chat
      ...
      renderCustomMessage={(message) => {
        if (message?.type !== 'custom') return;
        return (
          <View
            style={{
              width: width - 20,
              backgroundColor: background,
              paddingVertical: 10,
              alignItems: 'center',
            }}
          >
            <Paragraph>{message?.text}</Paragraph>
          </View>
        );
      }}
    />
 )
}

Please, if there's a better approach to archive this, let me know. And I think more examples are needed In the documentations, Thank you so much for this amazing Lib, words can't describe how amazing it was!!

PS: Screenshot provided below.

[demchenkoalex]

Hey @shamxeed sorry for the late response, had health issues. For now what you have is exactly how it can be done at the moment, but we will be soon working on a dedicated SystemMessage which will be used exactly for this purpose - notification.

[shamxeed]

Firstly, very disheartening to hear about your health condition and pray you for a speedy recovery. Okay, I will use that as a work-around until the feature is been implemented or included. Thanks!! :))

…

On Sun, Jan 16, 2022 at 11:54 PM Alex ***@***.***> wrote: Hey @shamxeed <https://github.com/shamxeed> sorry for the late response, had health issues. For now what you have is exactly how it can be done at the moment, but we will be soon working on a dedicated SystemMessage which will be used exactly for this purpose - notification. — Reply to this email directly, view it on GitHub <#39 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANYK2OT62JW4DQZNGU36M53UWNECNANCNFSM5KSK45RA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[shamxeed]

By the way, is it possible to add caption to image message?

…

On Mon, 17 Jan 2022 at 7:57 PM, Shamxeed ***@***.***> wrote: Firstly, very disheartening to hear about your health condition and pray you for a speedy recovery. Okay, I will use that as a work-around until the feature is been implemented or included. Thanks!! :)) On Sun, Jan 16, 2022 at 11:54 PM Alex ***@***.***> wrote: > Hey @shamxeed <https://github.com/shamxeed> sorry for the late response, > had health issues. For now what you have is exactly how it can be done at > the moment, but we will be soon working on a dedicated SystemMessage > which will be used exactly for this purpose - notification. > > — > Reply to this email directly, view it on GitHub > <#39 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/ANYK2OT62JW4DQZNGU36M53UWNECNANCNFSM5KSK45RA> > . > You are receiving this because you were mentioned.Message ID: > ***@***.***> >

[demchenkoalex]

not at the moment, no. To add a caption to the image we would need to create a custom image picker (to store selected image somewhere while adding the caption) and this might be the whole different big project to be honest :) so right now you can only send an image and then write a message.

[shamxeed]

Okay thanks! And very well understood!😊😊

…

On Tue, 18 Jan 2022 at 10:43 AM, Alex ***@***.***> wrote: not at the moment, no. To add a caption to the image we would need to create a custom image picker (to store selected image somewhere while adding caption) and this might be the whole different big project to be honest :) so right now you can only send an image and then write a message. — Reply to this email directly, view it on GitHub <#39 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANYK2OUQT7JHU24VBAJKZC3UWUY47ANCNFSM5KSK45RA> . You are receiving this because you were mentioned.Message ID: ***@***.***>