nativescript vue Навигация по нижней навигационной странице - PullRequest
0 голосов
/ 22 марта 2020

index. vue

<template>
  <Page actionBarHidden="true">
    <BottomNavigation selectedIndex="0" @loaded="loaded">
      <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
      <TabStrip>
        <TabStripItem>
          <Label class="text" text="Ana Sayfa"></Label>
          <Image src="~/assets/images/home.png" class="fas t-36"></Image>
        </TabStripItem>
        <TabStripItem class="special">
          <Label class="text" text="Profil"></Label>
          <Image src="~/assets/images/profil.png" class="fas t-36"></Image>
        </TabStripItem>
      </TabStrip>

      <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
      <TabContentItem>
        <Frame>
           <menu ></menu>
        </Frame>
      </TabContentItem>
      <TabContentItem>
        <Frame>
           <profil></profil>
        </Frame>
      </TabContentItem>
    </BottomNavigation>
  </Page>
</template>

<script>
import menu from "./menu";
import profil from "./profil";

export default {
  components: {
    menu,
    profil
  },
  data() {
    return {};
  },
  methods: {},
  created() {}
};
</script>

<style scoped>
.fas {
  font-family: "Font Awesome 5 Free", "fa-solid-900";
  font-weight: 900;
}

.t-36 {
  font-size: 36;
}

.text {
  font-size: 14px;
}
</style>

menu. vue

<template>
  <Page class="renk" @loaded="loaded">
    <ActionBar title="Profil">
      <NavigationButton text="Çıkış" android.systemIcon="ic_menu_close_clear_cancel" @tap="go"/>
      <!-- ic_menu_back -->
      <ActionItem
        ios.systemIcon="11"
        android.systemIcon="ic_menu_paste_holo_dark"
        ios.position="right"
      ></ActionItem>
    </ActionBar>
    <StackLayout></StackLayout>
  </Page>
</template>

<script>
import pages from "./pages";

export default {

  data() {
    return {};
  },
  methods: {
    go(){
       this.$navigateTo(pages);
    }
  },
  created() {}
};
</script>

<style scoped>
ActionBar {
  background-color: #53ba82;
  color: #ffffff;
}
</style>

мой образец проблемы; Я хочу перемещаться по страницам. но не ориентироваться. Я толкаю

<menu></menu>

из нижнего плавания. и я пу sh профиль, и страница идет. эта навигация не работает стабил. мы можем думать, что заморозили эту страницу. Как я могу решить эту проблему............................................ .................................................. .................................................. .................................................. ..................................

...