网格布局中的列之间的空间答案

【问题标题】：spaces between cols in gridlayout网格布局中的列之间的空间
【发布时间】：2021-08-24 12:41:43
【问题描述】：

代码如下：

<StackLayout class="m-t-10">
    <Label text="Attached media" textWrap="true" class="p-10 h2 title-2"></Label>
    <GridLayout rows="*, *, *" columns="*, *, *">
        <Image col="0" row="0" src="res://img1" stretch="aspectFill" class="task-media"></Image>
        <Image col="1" row="0" src="res://img1" stretch="aspectFill" class="task-media"></Image>
        <Image col="2" row="0" src="res://img1" stretch="aspectFill" class="task-media"></Image>
    </GridLayout>
</StackLayout>

我想在col 中的图像之间添加一个空格 Here is a sample output with the code above

感谢您的回答！

【问题讨论】：

标签： nativescript

【解决方案1】：

您可以给Images 一些边距，也可以像这样为间距添加一个额外的列（您的图像将是 0,2,4 列而不是 0,1,2 列）：

<GridLayout rows="*, *, *" columns="*, 10, *, 10, *">
  <Image col="0" row="0" src="res://img1" stretch="aspectFill" class="task-media"></Image>
  <Image col="2" row="0" src="res://img1" stretch="aspectFill" class="task-media"></Image>
  <Image col="4" row="0" src="res://img1" stretch="aspectFill" class="task-media"></Image>
</GridLayout>

【讨论】：