android - El texto no se muestra dentro de una etiqueta anidada en un AbsoluteLayout

Estoy construyendo un componente para mostrar las fotos de perfil de los usuarios apiladas horizontalmente. En el caso de que un usuario no tenga foto de perfil, la primera letra de su nombre se mostrará en un globo dentro de la pila.

Estoy teniendo dificultades para mostrar el texto dentro de la burbuja. El contenedor de la burbuja es un diseño con la clase círculo y dentro de él hay una Etiqueta que contiene el texto.

Agradecería mucho cualquier ayuda al respecto ya que me ha agotado :XXX

código :

<AbsoluteLayout orientation="horizontal" style="background-color: #00fdd6">
<ng-template ngFor let-user [ngForOf]="users|limit:lengthLimit" let-i="index">
    <Image *ngIf="user.profile_photo" [src]="getImageUrl(user)" class="img-circle" height="50" width="50"
           left="{{stackProfilePhotos(i)}}"></Image>
    <RelativeLayout *ngIf="!user.profile_photo" style="border: #0000fe 5px solid; background-color: green;"
     class="img-circle" height="100" width="100" top="-25" left="{{stackProfileLetterBubble(i)}}">
        <Label text="M" HorizontalOptions="CenterAndExpand" VerticalOptions="Center" TextColor="White" FontSize="24"></Label>
    </RelativeLayout>
</ng-template>

Adjunto una vista de la interfaz de usuario