Как включить жест смахивания, когда tabView расположен снизу
Я использую 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
1 ответ
Включите пролистывание на пейджере представления из загруженного события TabView. Я не заметил никаких побочных эффектов при таком поведении, если вы что-нибудь нажмете, дайте мне знать.
шаблон
...
<TabView androidTabsPosition="bottom" @loaded="onTabViewLoaded">
...
JS
onTabViewLoaded: function(args) {
if (args.object.android) {
args.object.android.viewPager.setSwipePageEnabled(true);
}
}