центрирование метки в FlexboxLayout nativescript-vue

Question

В макете flexbox я хочу иметь изображение слева и заголовок по центру справа:

  <FlexboxLayout backgroundColor="#bada55" justifyContent="space-between" height="300" class="head">
    <Image :src="posts.image_url" stretch="aspectFit" class="head_img"/>
    <Label :text="posts.product_name" alignSelf="center" alignContent="center" class="title" textWrap="true"/>
  </FlexboxLayout>

в моем случае текст метки идет вправо, но не по центру,есть идеи как это сделать?

Answer 1

Вы можете добавить textAlignment="center" к этикетке.

 <FlexboxLayout backgroundColor="#bada55" justifyContent="space-between" height="300" class="head">
         <Image :src="posts.image_url" stretch="aspectFit" class="head_img"/>
         <Label :text="posts.product_name" alignSelf="center" alignContent="center" textAlignment="center" class="title" textWrap="true"/>
</FlexboxLayout>