ListView 未在 ios 中水平方向的 ScrollView 和 StackLayout 内呈现 - nativescript-vue

Question

ListView 在 ios 中以水平方向在 ScrollView 和 StackLayout 中实现时不呈现，但在 android 中呈现相同 - 垂直和水平缩放 table

  <ScrollView orientation="horizontal">
    <StackLayout orientation="horizontal">
      <RadListView for="todo in monthlyMeterData">
        <v-template>
          <GridLayout columns="150,100,100,100,100,100,100,100,100,100,100,100,100,100">
            <Label :text="todo.region" col="0"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="1"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="2"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="3"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="4"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="5"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="6"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="7"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="8"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="9"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="10"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="11"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="12"/>
            <Label :text="getMonthData(todo.monthlyCount,'January')" col="13"/>
          </GridLayout>
        </v-template>
      </RadListView>
    </StackLayout>
  </ScrollView>

Ios Android

Answer 1

出于某种原因，在 iOS 上，未正确计算 RadListView 宽度。因为你有固定宽度的列，你可以强制总宽度（1450）。此外，您不需要 <StackLayout>。我用这段代码得到了它：

<ScrollView orientation="horizontal">
  <RadListView for="todo in monthlyMeterData" width="1450">
    <v-template>
      <GridLayout columns="150,100,100,100,100,100,100,100,100,100,100,100,100,100">
      <!-- ... -->

希望对您有所帮助！

ListView 未在 ios 中水平方向的 ScrollView 和 StackLayout 内呈现 - nativescript-vue

ListView is not rendering inside ScrollView and StackLayout with orientation horizontal in ios - nativescript-vue

android

ios

vue.js

nativescript

nativescript-vue