Я создаю компонент для отображения изображений профиля пользователя, расположенных горизонтально.
в случае, когда у пользователя нет фотографии профиля, его первая буква имени будет отображаться в виде пузырька внутри стопки.
У меня проблемы с отображением текста внутри пузыря.
Контейнер для пузыря - это макет с классом круга и внутри него Метка, содержащая текст.
Буду очень признателен за любую помощь в этом отношении, так как она исчерпала меня: XXX
Код:
<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>
Прилагается вид пользовательского интерфейса