javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add validation/parsing for the FlexboxLayout properties

Browse Source 
Make FlexboxLayout work with CSS properties, shorhands are not yet supported

Make shorthand properties

Remove redundant logging
This commit is contained in:
PanayotCankov
2016-11-04 21:15:11 +02:00
committed by Panayot Cankov
parent d4846481c3
commit 0029a8afcc
7 changed files with 308 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
tns-core-modules/ui/layouts/flexbox-layout/flexbox-layout.ios.ts
View File

@@ -24,6 +24,22 @@ import UNSPECIFIED = utils.layout.UNSPECIFIED;
import MEASURED_SIZE_MASK = utils.layout.MEASURED_SIZE_MASK;
import MEASURED_STATE_TOO_SMALL = utils.layout.MEASURED_STATE_TOO_SMALL;
function childHandler(view) {
if (!(view instanceof View)) {
throw new Error("Element is not View or its descendant.");
}
let flexbox = view.parent;
if (flexbox instanceof FlexboxLayoutBase) {
flexbox.requestLayout();
}
}
export const _onNativeOrderPropertyChanged = childHandler;
export const _onNativeFlexGrowPropertyChanged = childHandler;
export const _onNativeFlexShrinkPropertyChanged = childHandler;
export const _onNativeAlignSelfPropertyChanged = childHandler;
export const _onNativeFlexWrapBeforePropertyChanged = childHandler;
const MATCH_PARENT = -1;
const WRAP_CONTENT = -2;
@@ -87,23 +103,19 @@ export class FlexboxLayout extends FlexboxLayoutBase {
private _flexLines: FlexLine[] = [];
private _childrenFrozen: boolean[];
protected invalidate() {
this.requestLayout();
}
protected setNativeFlexDirection(flexDirection: FlexDirection) {
_setNativeFlexDirection(flexDirection: FlexDirection) {
// lint happy no-op
}
protected setNativeFlexWrap(flexWrap: FlexWrap) {
_setNativeFlexWrap(flexWrap: FlexWrap) {
// lint happy no-op
}
protected setNativeJustifyContent(justifyContent: JustifyContent) {
_setNativeJustifyContent(justifyContent: JustifyContent) {
// lint happy no-op
}
protected setNativeAlignItems(alignItems: AlignItems) {
_setNativeAlignItems(alignItems: AlignItems) {
// lint happy no-op
}
protected setNativeAlignContent(alignContent: AlignContent) {
_setNativeAlignContent(alignContent: AlignContent) {
// lint happy no-op
}