Question

我正在使用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>

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

有人可以启发我如何启用滑动手势吗？

这是nativescript-vue

中tabView的纪录片

Answer 1

启用从TabView的已加载事件在视图寻呼机上滑动的功能。我没注意到这种行为有任何副作用，以防万一您碰到任何东西让我知道。

模板

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

JS

       onTabViewLoaded: function(args) {
            if (args.object.android) {
                args.object.android.viewPager.setSwipePageEnabled(true);
            }
        }

tabView位于底部时如何启用滑动手势

1 个答案: