fix(flexbox): justify content calculations · NativeScript/NativeScript@7b202df · GitHub

NativeScript / NativeScript Public

• Notifications You must be signed in to change notification settings
• Fork 1.7k
• Star 25.7k

• Code
• Issues 773
• Pull requests 69
• Discussions
• Actions
• Projects
• Wiki
• Security and quality
• Insights

Additional navigation options

Commit 7b202df

Browse filesBrowse the repository at this point in the historyBrowse files

vchimev

committed

fix(flexbox): justify content calculations

1 parent f3ea75f commit 7b202df
Copy full SHA for 7b202df

1 file changed

+6-6Lines changed: 6 additions & 6 deletions

File tree

Expand file treeCollapse file tree

Open diff view settings

Filter options

• tns-core-modules/ui/layouts/flexbox-layout
  • flexbox-layout.ios.ts

Expand file treeCollapse file tree

Open diff view settings

Collapse file

‎tns-core-modules/ui/layouts/flexbox-layout/flexbox-layout.ios.ts‎

Copy file name to clipboardExpand all lines: tns-core-modules/ui/layouts/flexbox-layout/flexbox-layout.ios.ts

+6-6Lines changed: 6 additions & 6 deletions

Original file line number	Diff line number	Diff line change
@@ -1164,24 +1164,24 @@ export class FlexboxLayout extends FlexboxLayoutBase {
1164	1164	childBottom = height - paddingBottom;
1165	1165	break;
1166	1166	case JustifyContent.FLEX_END:
1167		- childTop = height - flexLine._mainSize + paddingBottom;
1168		- childBottom = flexLine._mainSize - paddingTop;
	1167	+ childTop = height - flexLine._mainSize - paddingBottom;
	1168	+ childBottom = flexLine._mainSize + paddingTop;
1169	1169	break;
1170	1170	case JustifyContent.CENTER:
1171		- childTop = paddingTop + (height - flexLine._mainSize) / 2.0;
1172		- childBottom = height - paddingBottom - (height - flexLine._mainSize) / 2.0;
	1171	+ childTop = paddingTop + (height - insets.top - insets.bottom - flexLine._mainSize) / 2.0;
	1172	+ childBottom = height - paddingBottom - (height - insets.top - insets.bottom - flexLine._mainSize) / 2.0;
1173	1173	break;
1174	1174	case JustifyContent.SPACE_AROUND:
1175	1175	if (flexLine._itemCount !== 0) {
1176		- spaceBetweenItem = (height - flexLine._mainSize) / flexLine.itemCount;
	1176	+ spaceBetweenItem = (height - insets.top - insets.bottom - flexLine._mainSize) / flexLine.itemCount;
1177	1177	}
1178	1178	childTop = paddingTop + spaceBetweenItem / 2.0;
1179	1179	childBottom = height - paddingBottom - spaceBetweenItem / 2.0;
1180	1180	break;
1181	1181	case JustifyContent.SPACE_BETWEEN:
1182	1182	childTop = paddingTop;
1183	1183	let denominator = flexLine.itemCount !== 1 ? flexLine.itemCount - 1 : 1.0;
1184		- spaceBetweenItem = (height - flexLine.mainSize) / denominator;
	1184	+ spaceBetweenItem = (height - insets.top - insets.bottom - flexLine.mainSize) / denominator;
1185	1185	childBottom = height - paddingBottom;
1186	1186	break;
1187	1187	default:

0 commit comments

Comments

0 (0)