Bug: Avatar Component is not rendering

[pranshuchittora]

Avatar Component is not rendering -> https://react-native-elements.js.org/#/avatar

Possible Cause Updated Props in the Library

[sachdeva-shrey]

Hey @pranshuchittora, can you please assign this to me? Also, I noticed that the Avatar Component is rendering correctly but seems like a default backgroundColor is not set/being overridden.

[pranshuchittora]

Assigning it to you @sachdeva-shrey Thanks for the heads-up, if possible can you raise a PR for the same?

[sachdeva-shrey]

Sure thing, thanks! @pranshuchittora

[sachdeva-shrey]

@pranshuchittora This issue seems to be originating from the library itself. I believe the Avatar component is supposed to have a default backgroundColor even without a given source, but it is set to transparent currently. Thus the title in white isn't visible clearly. Please let me know if I'm wrong.

[pranshuchittora]

Try this as the default containerStyle {background:'#0ff'} (This is just an example, pls use some subtle colour)

With this, can also update the props in the playgroundAvatar. I can see some deprecated props like showaccessory https://reactnativeelements.com/docs/2.3.2/avatar#showaccessory