Avatar not using fallback on title when source is undefined

Explain what you did

Set source to undefined to show the placeholder title

Expected behavior

If source is undefined fallback on the defined title as placeholder

Describe the bug

Avatar does not fallback to placeholder title when source set to undefined.

To Reproduce

Example:

const [avatar, setAvatar] = useState({uri: 'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg' });

const removeAvatar = () => {
 setAvatar(undefined);
}

<Avatar
           rounded
           size="large"
           title={benutzerName.charAt(0)}
           containerStyle={styles.avatarContainer}
           showAccessory
           onAccessoryPress={removeAvatar}
           source={avatar}
    />

Screenshots

Avatar with image:

Avatar with source set to undefined:

Your Environment (please complete the following information):

software	version
react-native-elements	2.0.4
react-native	0.63.1

[flyingcircle]

@daryllukas is correct. The placeholder background is transparent and the default text color is white. So you either need to change the default text color style in the Avatar, or change your background color.

[djhr]

avatar seems quite broken on v2, even the basic examples from docs doesn’t work, e.g.

// Avatar with Title
<Avatar rounded title="MD" />

// Avatar with Icon
<Avatar rounded icon={{ name: 'home' }} />