NativeScript NestedScrollView

安装

tns plugin add nativescript-nested-scrollview

用法

    <NestedScrollView backgroundColor="red">
      <StackLayout>
      <Label text="First" color="white" />
        <ScrollView orientation="vertical" backgroundColor="blue">
          <Repeater items="{{ items }}">
            <Repeater.itemsLayout>
              <StackLayout orientation="vertical"/>
            </Repeater.itemsLayout>
            <Repeater.itemTemplate>
              <StackLayout orientation="horizontal">
                <Label text="ID " />
                <Label text="{{ id }}" />
              </StackLayout>
            </Repeater.itemTemplate>
          </Repeater>
        </ScrollView>
        <Label text="Second" color="white" />
        <ScrollView orientation="vertical" backgroundColor="white">
          <Repeater items="{{others}}">
            <Repeater.itemsLayout>
              <StackLayout orientation="vertical" />
            </Repeater.itemsLayout>
            <Repeater.itemTemplate>
              <StackLayout orientation="horizontal">
                <Label text="ID " />
                <Label text="{{ id }}" />
              </StackLayout>
            </Repeater.itemTemplate>
          </Repeater>
        </ScrollView>
        <Label text="Third" color="white" />
        <ScrollView orientation="vertical" backgroundColor="yellow">
          <Repeater items="{{ repeaterItems }}">
            <Repeater.itemsLayout>
              <StackLayout orientation="vertical" />
            </Repeater.itemsLayout>
            <Repeater.itemTemplate>
              <StackLayout orientation="horizontal">
                <Label text="ID " />
                <Label text="{{ id }}" />
              </StackLayout>
            </Repeater.itemTemplate>
          </Repeater>
        </ScrollView>
      </StackLayout>
    </NestedScrollView>

API

屏幕截图

Android	IOS

许可证

Apache 许可证 2.0 版，2004 年 1 月