NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
액션바 (ActionBar)

This is an overview of the most common usage of 액션바 (ActionBar). For more information about the available properties, methods, or events, head over to the complete API documentation for 액션바 (ActionBar).

액션바 컴포넌트는 안드로이드 액션바와 iOS NavigationBar의 네이티브-스크립트 추상화 입니다.


제목 사용

<ActionBar title="MyApp" />

커스텀 제목 view

<ActionBar>
  <StackLayout orientation="horizontal">
    <Image src="res://icon" width="40" height="40" verticalAlignment="center" />
    <Label text="NativeScript" fontSize="24" verticalAlignment="center" />
  </StackLayout>
</ActionBar>

안드로이드에서 앱 아이콘 설정

<ActionBar title="My App" android.icon="res://icon" android.iconVisibility="always" />

가장자리 경계(border) 없애기

iOS와 안드로이드에서 작은 보더가 액션바 바닥에 그려집니다. 추가로 iOS에서 액션바의 배경색은 iOS가 적용하는 필터때문에 지정한 값과 약간 달라집니다. 이 필터와 보더를 제거하려면 flattrue 로 설정하세요

<ActionBar title="My App" flat="true" />

Props

이름타입설명
titleString액션바에 나타나는 제목.
android.iconString안드로이드에서 보여지는 아이콘.
android.iconVisibilityString아이콘이 보여질지 지정.
flatboolean보더와 iOS 컬러 필터를 제거. 기본값은 false.
Contributors