加载新视图后保持在位的nativescript底部导航

我正在开发一些基于nativescript的应用程序。最近，我发现我的应用程序更像是一个网站，而不是一个应用程序，因为导航是如何工作的。 我有一个底部导航（atached-这个灰色有5个图标），用于加载正确的视图。 但当我点击主页或任何其他图标时，新视图被加载，但导航也被“重新加载”。因此，它不会停留在原地，而是加载新视图。我的问题是-是否有可能有静态botom条？我尝试了在marketplace上找到的2个插件，但没有成功。谢谢你的帮助

:

---

您可以使用

DockLayout

将内容固定到底部（示例）

---

此外，在即将发布的4.0.0版NativeScript（预计于2018年4月发布）中将提供对不同根视图的支持（除了

页面

），这意味着您可以创建底部静态布局，如

网格布局

，甚至更好的底部

选项卡视图

（同样适用于4.0.0版的Android）并在上部布局中为动态内容创建

Frame

。（查看）

您是否尝试将导航添加到外部组件而不是内部视图本身？（家景）嗨，谢谢你的关注。正如你所看到的，就在GridLayout之前，我从未见过该组件可能在页面标记之外？我在你的app.component代码中打开了。对不起，我不确定什么可以帮助理解你的解决方案，所以我将添加代码-作为我问题的更新。你应该有一个app.component.html文件吗？在

app

folderHi中，感谢您的帮助。你认为4.0版会有突破性的变化吗？我问的是因为我有一个项目的交易，我想知道迁移到现有项目的{n}中是否可能？Cheers.4.0版现在已经上线了。。Frame API中有一些更改，但它们通过新的

应用程序扩展了功能。运行
方法-查看下面的文章更新，文档和CHANGELOG.md将很快在Live上更新非常好的消息！你干得真棒！我是否可以假设我可以尝试将现有的3.4项目更新为4.0？此外，您能确认我找不到任何关于新框架API的文档，可以帮助我解决问题（静态底部导航）？谢谢你，尼克！将此应用程序作为参考。。对于exmaple，请查看此示例
<Page class="page" loaded="loaded" xmlns:header="components/header" xmlns:footer="components/footer">

<GridLayout rows="120,*,60">

    <StackLayout row="0">
        <!-- Common header -->
        <header:header/>
    </StackLayout>

    <ScrollView row="1" verticalAlignment="top" class="scrollview" tap="{{ loadPage }}">

        <StackLayout class="redeem">
            <Label text="Enter your code below to redeem your reward" class="info" textWrap="true"></Label>
            <Label text="Code" class="info code" textWrap="true"></Label>
            <TextField  />
            <Button text="Redeem" class="button blue"></Button>

        </StackLayout>

    </ScrollView>

    <StackLayout row="2">
        <!-- Common footer -->
        <footer:footer/>
    </StackLayout>

</GridLayout>

</Page>

<AbsoluteLayout class="footer" loaded="menu" horizontalAlignment="center" xmlns:sd="nativescript-ui-sidedrawer">
<GridLayout rows="auto" columns="*,*,*,*,*" horizontalAlignment="center">
    <Label row="0" col="0" class="fa" text="&#xf015;" tap="{{ mainPage }}"></Label>
    <Label row="0" col="1" class="fa" text="&#xf1f9;" tap="{{ creditPage }}"></Label>
    <Label row="0" col="2" class="fa" text="&#xf0fe;" tap="{{ seatPage }}"></Label>
    <Label row="0" col="3" class="fa" text="&#xf06b;" tap="{{ refs }}"></Label>
    <Label id="openMenu" row="0" col="4" class="fa" text="&#xf0c9;" tap="toggleDrawer"></Label>
    <!--<Label id="openMenu" row="0" col="4" class="fa" text="&#xf0c9;" tap="{{ loadPage }}"></Label>-->
</GridLayout>
</AbsoluteLayout>