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

제목 사용

<ActionBar title="MyApp" />

커스텀 제목 view

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

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

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

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

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

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

Props