将标签居中在nativescript-vue的FlexboxLayout中

Question

在flexbox布局中，我想在左侧显示图像，在右侧显示中心标签标题：

operator<<

在我的情况下，标签文本位于右侧，但不是居中，有关如何执行此操作的任何想法？

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>