Как включить жест смахивания, когда tabView расположен снизу

Question

Я использую nativescript-vue и я хотел поиграть с tab-view, Проблема в том, что, когда я устанавливаю свои вкладки в нижней части экрана, жест смахивания больше не работает и несколько отключается. Я хочу включить жест смахивания.

Поскольку я новичок в native-script или 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", тогда жест смахивания работает.

Может кто-нибудь, пожалуйста, просветите меня, как включить жесты смахивания.

Вот документальный фильм для tabView в nativescript-vue

Answer 1

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

шаблон

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

JS

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