mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 19:26:42 +08:00
458943111e
* fix(tabs): delay loadView when animation runs * chore: update api.md * chore: remove unnecessary casting * test: Added disabled test for changing tabs * tabs(ios): added tabs styling in ios * tabs: added iosAlignment property * tabs: textTransform support * tabs: iosAlignment moved to tabstrip * test: add frame-in-tabs test * chore: addressing PR comments * chore: addressing PR comments * chore: call method on the instance instead of call * chore: move IOSAlignment property * chore: update comments * fix: texttransform to tabstrip in bottomnavigation * chore: add new item to native-api-usage * chore: remove unneeded setNativeView call * chore: removed unneeded check Co-authored-by: Dimitar Topuzov <dtopuzov@gmail.com>
103 lines
3.6 KiB
TypeScript
103 lines
3.6 KiB
TypeScript
/**
|
|
* Contains the Tabs class, which represents a tab navigation component.
|
|
* @module "ui/tabs"
|
|
*/ /** */
|
|
|
|
import { EventData, Property } from "../core/view";
|
|
import { TabContentItem } from "../tab-navigation-base/tab-content-item";
|
|
import {
|
|
SelectedIndexChangedEventData, TabNavigationBase
|
|
} from "../tab-navigation-base/tab-navigation-base";
|
|
import { TabStrip } from "../tab-navigation-base/tab-strip";
|
|
|
|
export * from "../tab-navigation-base/tab-content-item";
|
|
export * from "../tab-navigation-base/tab-navigation-base";
|
|
export * from "../tab-navigation-base/tab-strip";
|
|
export * from "../tab-navigation-base/tab-strip-item";
|
|
|
|
/**
|
|
* Represents a swipeable tabs view.
|
|
*/
|
|
export class Tabs extends TabNavigationBase {
|
|
/**
|
|
* Gets or sets the items of the Tabs.
|
|
*/
|
|
items: Array<TabContentItem>;
|
|
|
|
/**
|
|
* Gets or sets the tab strip of the Tabs.
|
|
*/
|
|
tabStrip: TabStrip;
|
|
|
|
/**
|
|
* Gets or sets the selectedIndex of the Tabs.
|
|
*/
|
|
selectedIndex: number;
|
|
|
|
/**
|
|
* Gets or sets the swipe enabled state of the Tabs.
|
|
*/
|
|
swipeEnabled: boolean;
|
|
|
|
/**
|
|
* Gets or sets the number of offscreen preloaded tabs of the Tabs.
|
|
*/
|
|
offscreenTabLimit: number;
|
|
|
|
/**
|
|
* Gets or sets the position state of the Tabs.
|
|
*/
|
|
tabsPosition: "top" | "bottom";
|
|
|
|
/**
|
|
* Gets or set the MDCTabBarAlignment of the tab bar icons in iOS. Defaults to "justified"
|
|
* Valid values are:
|
|
* - leading
|
|
* - justified
|
|
* - center
|
|
* - centerSelected
|
|
*/
|
|
iOSTabBarItemsAlignment: IOSTabBarItemsAlignment;
|
|
|
|
/**
|
|
* Gets the native [android widget](http://developer.android.com/reference/android/support/v4/view/ViewPager.html) that represents the user interface for this component. Valid only when running on Android OS.
|
|
*/
|
|
android: any /* android.view.View */; //android.support.v4.view.ViewPager;
|
|
|
|
/**
|
|
* Gets the native iOS [UITabBarController](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITabBarController_Class/) that represents the user interface for this component. Valid only when running on iOS.
|
|
*/
|
|
ios: any /* UITabBarController */;
|
|
|
|
/**
|
|
* String value used when hooking to the selectedIndexChanged event.
|
|
*/
|
|
public static selectedIndexChangedEvent: string;
|
|
|
|
/**
|
|
* A basic method signature to hook an event listener (shortcut alias to the addEventListener method).
|
|
* @param eventNames - String corresponding to events (e.g. "propertyChange"). Optionally could be used more events separated by `,` (e.g. "propertyChange", "change").
|
|
* @param callback - Callback function which will be executed when event is raised.
|
|
* @param thisArg - An optional parameter which will be used as `this` context for callback execution.
|
|
*/
|
|
on(eventNames: string, callback: (data: EventData) => void, thisArg?: any);
|
|
|
|
/**
|
|
* Raised when the selected index changes.
|
|
*/
|
|
on(event: "selectedIndexChanged", callback: (args: SelectedIndexChangedEventData) => void, thisArg?: any);
|
|
}
|
|
|
|
export const itemsProperty: Property<Tabs, TabContentItem[]>;
|
|
export const tabStripProperty: Property<Tabs, TabStrip>
|
|
export const selectedIndexProperty: Property<Tabs, number>;
|
|
|
|
/**
|
|
* IOS Alignment of the Tabs TabStrip to use.
|
|
* - `leading` - tab items are aligned to the left
|
|
* - `justified` - tab strip is split equally to all the tab items
|
|
* - `center` - tabs items are aligned in the center
|
|
* - `centerSelected` - tab items move to make the selected tab in the center
|
|
*/
|
|
export type IOSTabBarItemsAlignment = "leading" | "justified" | "center" | "centerSelected";
|