I get user nicknames from backend and they simply include uuid’s not actual names. The groups always consist of only 2 people so we don’t need the distinction of names. How do I hide them, without building my custom message component? Currently I applied transparent color for the names which helps, but it still leaves blank spacing. GroupChannelMessageRenderer does not have any props to disable nicknames rendering
const renderMessage = (e: any) => {
return (
<GroupChannelMessageRenderer
{...e}
renderMessage={(e: any) => <GroupChannelMessage {...e} />}
/>
);
};
export const ChatScreen = () => {
const {
params: { channelUrl },
} = useRoute<RouteProp<MainNavigatorParamList, RouteName.Chat>>();
const { sdk } = useSendbirdChat();
const { channel } = useGroupChannel(sdk, channelUrl);
if (!channel) return null;
return (
<GroupChannelFragment
channel={channel}
onChannelDeleted={() => null}
onPressHeaderRight={() => null}
onPressHeaderLeft={goBack}
renderMessage={renderMessage}
/>
);
};