0

我正在使用nativescript-vue，我想玩tab-view。问题是，当我将标签设置为位于屏幕底部时，滑动手势不再起作用并且在某种程度上被禁用。我想启用滑动手势。

因为我是本机脚本或 android 的新手，所以我不确定如何启用它。

<Page actionBarHidden="true">

    <TabView androidTabsPosition="bottom">

        <TabViewItem title="Tab 1">
            <GridLayout columns="*" rows="*">
                <Label class="message" :text="msg" col="0" row="0"/>
            </GridLayout>
        </TabViewItem>

        <TabViewItem title="Tab 2">
            <GridLayout columns="*" rows="*">
                <Label class="message" text="Tab 2 Content"/>
            </GridLayout>
        </TabViewItem>

        <TabViewItem title="Tab 3">
            <GridLayout columns="*" rows="*">
                <Label class="message" text="Tab 3 Content"/>
            </GridLayout>

        </TabViewItem>

    </TabView>

</Page>

上面的脚本创建tabview了 3 个标签，但问题是，现在你不能在标签之间滑动。如果我设置androidTabsPosition="top"，则滑动手势有效。

有人可以告诉我如何启用滑动手势。

这是nativescript-vue中tabView的纪录片

4

1 回答 1

2

从 TabView 的加载事件中启用视图寻呼机上的滑动。我没有注意到这种行为有任何副作用，如果您遇到任何问题，请告诉我。

模板

...
<TabView androidTabsPosition="bottom" @loaded="onTabViewLoaded">
...

JS

       onTabViewLoaded: function(args) {
            if (args.object.android) {
                args.object.android.viewPager.setSwipePageEnabled(true);
            }
        }
于 2018-12-21T17:22:34.167 回答