mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 11:01:21 +08:00
cc97a16800
* chore: move tns-core-modules to nativescript-core * chore: preparing compat generate script * chore: add missing definitions * chore: no need for http-request to be private * chore: packages chore * test: generate tests for tns-core-modules * chore: add anroid module for consistency * chore: add .npmignore * chore: added privateModulesWhitelist * chore(webpack): added bundle-entry-points * chore: scripts * chore: tests changed to use @ns/core * test: add scoped-packages test project * test: fix types * test: update test project * chore: build scripts * chore: update build script * chore: npm scripts cleanup * chore: make the compat pgk work with old wp config * test: generate diff friendly tests * chore: create barrel exports * chore: move files after rebase * chore: typedoc config * chore: compat mode * chore: review of barrels * chore: remove tns-core-modules import after rebase * chore: dev workflow setup * chore: update developer-workflow * docs: experiment with API extractor * chore: api-extractor and barrel exports * chore: api-extractor configs * chore: generate d.ts rollup with api-extractor * refactor: move methods inside Frame * chore: fic tests to use Frame static methods * refactor: create Builder class * refactor: use Builder class in tests * refactor: include Style in ui barrel * chore: separate compat build script * chore: fix tslint errors * chore: update NATIVESCRIPT_CORE_ARGS * chore: fix compat pack * chore: fix ui-test-app build with linked modules * chore: Application, ApplicationSettings, Connectivity and Http * chore: export Trace, Profiling and Utils * refactor: Static create methods for ImageSource * chore: fix deprecated usages of ImageSource * chore: move Span and FormattedString to ui * chore: add events-args and ImageSource to index files * chore: check for CLI >= 6.2 when building for IOS * chore: update travis build * chore: copy Pod file to compat package * chore: update error msg ui-tests-app * refactor: Apply suggestions from code review Co-Authored-By: Martin Yankov <m.i.yankov@gmail.com> * chore: typings and refs * chore: add missing d.ts files for public API * chore: adress code review FB * chore: update api-report * chore: dev-workflow for other apps * chore: api update * chore: update api-report
68 lines
2.3 KiB
TypeScript
68 lines
2.3 KiB
TypeScript
/**
|
|
* @module "ui/layouts/flexbox-layout"
|
|
*/ /** */
|
|
|
|
import { LayoutBase, View, Style, CssProperty } from "../layout-base";
|
|
|
|
export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
|
|
export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
|
|
export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around";
|
|
export type AlignItems = "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
|
|
export type AlignContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "stretch";
|
|
|
|
/**
|
|
* A flex order integer.
|
|
*/
|
|
export type Order = number;
|
|
|
|
/**
|
|
* A flex-grow number. Negative values are invalid.
|
|
*/
|
|
export type FlexGrow = number;
|
|
|
|
/**
|
|
* A flex-shrink number. Negative values are invalid.
|
|
*/
|
|
export type FlexShrink = number;
|
|
|
|
/**
|
|
* A flex-wrap-before value. True, false or their string presentations "true" or "false".
|
|
*/
|
|
export type FlexWrapBefore = boolean;
|
|
|
|
export type AlignSelf = "auto" | AlignItems;
|
|
|
|
export class FlexboxLayout extends LayoutBase {
|
|
public flexDirection: FlexDirection;
|
|
public flexWrap: FlexWrap;
|
|
public justifyContent: JustifyContent;
|
|
public alignItems: AlignItems;
|
|
public alignContent: AlignContent;
|
|
|
|
public static setOrder(view: View, order: number);
|
|
public static getOrder(view: View): number;
|
|
|
|
public static setFlexGrow(view: View, grow: number);
|
|
public static getFlexGrow(view: View);
|
|
|
|
public static setFlexShrink(view: View, shrink: number);
|
|
public static getFlexShrink(view: View): number;
|
|
|
|
public static setAlignSelf(view: View, align: AlignSelf);
|
|
public static getAlignSelf(view: View): AlignSelf;
|
|
|
|
public static setFlexWrapBefore(view: View, wrap: boolean);
|
|
public static getFlexWrapBefore(view: View): boolean;
|
|
}
|
|
|
|
export const flexDirectionProperty: CssProperty<Style, FlexDirection>;
|
|
export const flexWrapProperty: CssProperty<Style, FlexWrap>;
|
|
export const justifyContentProperty: CssProperty<Style, JustifyContent>;
|
|
export const alignItemsProperty: CssProperty<Style, AlignItems>;
|
|
|
|
export const orderProperty: CssProperty<Style, Order>;
|
|
export const flexGrowProperty: CssProperty<Style, FlexGrow>;
|
|
export const flexShrinkProperty: CssProperty<Style, FlexShrink>;
|
|
export const flexWrapBeforeProperty: CssProperty<Style, FlexWrapBefore>;
|
|
export const alignSelfProperty: CssProperty<Style, AlignSelf>;
|