Могу ли я использовать BottomNavigation с компонентами? - PullRequest
Новая
       5

Могу ли я использовать BottomNavigation с компонентами?

0 голосов
/ 14 января 2020

Я пытаюсь отобразить нижнюю навигацию, в которой TabContent происходит из компонентов. Теперь, используя следующий код, я не могу отобразить содержимое вкладки и не вижу ошибок.

PageContainer. vue: 

<template>
   <BottomNavigation selectedIndex="1" class="tab__container" @loaded="loaded">
     <TabStrip>
       <TabStripItem class="tab">
         <Label :text="text.groups" />
       </TabStripItem>

       <TabStripItem class="tab">
         <Label :text="text.mail" />
       </TabStripItem>
     </TabStrip>

     <TabContentItem>
       <GroupsScreen />
     </TabContentItem>

     <TabContentItem>
       <MailScreen />
     </TabContentItem>
   </BottomNavigation>
 </template>

<script >
   import GroupsScreen from './GroupsScreen';
   import MailScreen from './MailScreen';

   export default {
     components: {
       GroupsScreen,
       MailScreen,
     },

     data() {
       return {
           text: {
             groups: 'Groepen',
             mail: 'Berichten',
           },
       }
     },
   }
</script>

GroupsScreen. vue: 

<template>
   <Frame @loaded="loaded">
       <ActionBar :title="text.groups" />
       <StackLayout class="page">
         <Label v-if="groupsLoading" text="Loading"></Label>
       </StackLayout>
   </Frame>
 </template>

Возможно ли это вообще, или я пытаюсь сделать что-то, что должно быть сделано по-другому?

1 Ответ

0 голосов
/ 16 января 2020

Иерархия всегда,

  1. Кадр
  2. Страница
  3. Содержание (Layouts, ScrollView et c.,)

Фрейм может содержать только страницу, но не может напрямую размещать контент. Фрейм нужен только в том случае, если вы хотите перемещаться в этом конкретном контейнере.

Таким образом, ваша основная проблема не заключалась в переносе BottomNavigation с элементом Page .

Обновленная игровая площадка

...