GridLayout в ScrollView - NativeScript - PullRequest
Новая
       5

GridLayout в ScrollView - NativeScript

0 голосов
/ 12 апреля 2019

Я новичок в NativeScript.У меня есть 4 изображения на моей странице, и я хочу добиться этого.

enter image description here

За исключением того, что я хочу, чтобы мое изображение на обложке было в полный рост экрана,Это код, который я пытаюсь использовать. 

<ScrollView>
    <StackLayout height="100%" width="100%">
      <GridLayout columns="*, *" rows="5*, *, *">
        <StackLayout
          :row="0"
          :col="0"
          :colSpan="2"
          class="bgImage coverImage"
          :style="{backgroundImage:`url('${defaultImg}')`}"
        ></StackLayout>
        <StackLayout
          :row="calcRow(idx)"
          :col="calcCol(idx)"
          :colSpan="idx==0?2:1"
          v-for="(item,idx) in event.imgs"
          :key="idx"
          class="bgImage eventImage"
          :style="{backgroundImage:`url('${item}')`}"
        ></StackLayout>
      </GridLayout>
    </StackLayout>
  </ScrollView>

Если я не дал height = "100%" StackLayout, он даже не загружает изображения.Если я дам, то нет свитка.

Вот ссылка на игровую площадку Ссылка на игровую площадку

1 Ответ

1 голос
/ 15 апреля 2019

Вы можете использовать событие layoutChanged вашего ScrollView, где вы можете рассчитать его высоту и использовать его в качестве высоты для первого изображения.

Образец игровой площадки

...