首页 文章

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

提问于
浏览 次
0

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

enter image description here

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

1 回答

  • 1

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

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

    回复于

相关问题