안드로이드 응용 프로그램 (NativeScript)의 아래쪽 탐색 모음

Question

내 안드로이드 응용 프로그램 아래쪽에 탐색 모음을 만들려고합니다. NativeScript를 사용하여 응용 프로그램을 만듭니다. 이 작업을 수행 할 플러그인이 있습니까?

<page 
xmlns="http://schemas.nativescript.org/tns.xsd" 
xmlns:drawer="nativescript-telerik-ui/sidedrawer" 
xmlns:widgets="shared/widgets" 
xmlns:statusbar="nativescript-statusbar" 
xmlns:bottomnav="nativescript-bottomnavigation" 
loaded="pageLoaded"> 
<statusbar:StatusBar ios:barStyle="light" /> 
<page.actionBar> 
<action-bar title="NativeScript"> 
    <navigation-button icon="res://ic_menu" tap="toggleDrawer" ios:visibility="collapsed" /> 
    <action-bar.actionItems> 
    <ios> 
     <action-item icon="res://ic_menu" ios.position="left" tap="toggleDrawer" /> 
    </ios> 
    </action-bar.actionItems> 
    <ActionItem tap="onDelete" ios.systemIcon="16" ios.position="right" text="Delete" android.position="popup"/> 
    <ActionItem id="logoutButton" tap="logOut" ios.systemIcon="16" ios.position="right" text="LogOut" android.position="popup"/> 
</action-bar></page.actionBar> 
<drawer:rad-side-drawer id="drawer"> 
<drawer:rad-side-drawer.mainContent> 
    <!-- Home page contents --> 
    <StackLayout loaded="contentLoaded"> 
    <image src="https://i.imgur.com/LY3cb3A.png" id="logo" tap="fun" height="100" margin="20 0 0 0" /> 
    <label text="Welcome to the NativeScript drawer template! This is the home page. Try tapping the logo." margin="20" horizontalAlignment="center" textWrap="true" /> 
    </StackLayout> 
    </drawer:rad-side-drawer.mainContent> 
<drawer:rad-side-drawer.drawerContent> 
    <widgets:drawer-content /> 
</drawer:rad-side-drawer.drawerContent> 
</drawer:rad-side-drawer> 

Answer 1

사용이 라이브러리

Solution 1

더 나은 솔루션을 위해 여기

Solution 2

Answer 2

내가 만들 수있는 가장 좋은 방법은 무엇에 대한 연구를

를 확인하실 수 있습니다 밑면 n 방학.

<GridLayout rows=*,60"> 
    <ScrollView row="0"> 
     ... scrolling content ... 
    </ScrollView> 
    <StackLayout row="1"> 
     ... navigation buttons ... 
    </StackLayout> 
</GridLayout> 

번째 행 탐색을 나타냄 스크롤 콘텐츠 용과 하부 탐색 하나 나를 위해

는 가장 쉬운 방법은 GridLayout 두 행으로 만드는 것이다. 내 예에서는 60 dp을 사용하고 있습니다. 첫 번째 행 (스크롤하는 내용)은 사용 가능한 나머지 세로 공간을 사용합니다. 별표 (*)는 가능한 한 많은 공간을 차지한다는 의미입니다.

다음과 같은 문서 내 경험 확인할 수 있습니다

: NativeScript: how to create a fixed bottom navigation