'How to change rounded avatar in React Native Gifted Chat

Currently figuring out how to change the avatar in the chat to a square with border radius. Any ideas? It's not in their documentation, or i just missed it.

react-native react-native-gifted-chat

Solution 1:^[1]

Try using avatarStyle prop and in GiftedChat component like

<GiftedChat
    messages={...}
    onSend={...}
    user={...}
    avatarStyle: {
      justifyContent: 'center',
      alignItems: 'center',
      width: 40,
      height: 40,
      borderRadius: 0, // change it to 0
  }
/>

avatarStyle default using these properties

avatarStyle: {
    justifyContent: 'center',
    alignItems: 'center',
    width: 40,
    height: 40,
    borderRadius: 20,
  },

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Nooruddin Lakhani

'How to change rounded avatar in React Native Gifted Chat

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]