Question

我正在开发一些基于nativescript的应用程序。最近，我看到我的应用程序更像是网站而不是应用程序，因为导航的工作原理。我有底部导航（atached - 这个带有5个图标的灰色），用于加载正确的视图。但是，当我点击主页或任何其他图标时，会加载新视图，但也会重新加载导航＆＃39;。所以它不会留在原地，而是加载新视图。我的问题是 - 有可能oto有静态botom吧？我尝试过在市场上发现的2个插件，但没有成功。谢谢你的帮助。

<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>

Answer 1

您可以使用DockLayout并将内容停靠到底部（Angular示例here）

同样在即将发布的4.0版NativeScript中（预计将于2018年4月）将提供对不同根视图的支持（除了Page），这意味着您可以创建像GridLayout这样的底部静态布局甚至更好的底部TabView（也适用于4.0.0中的Android）并在动态内容的上部布局中创建Frame。（看here）

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

1 个答案: