◀ Level 1 of 13 ▾ ▶

Flexbox Froggy

Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing AsyncDisplayKit layout code! Guide this frog to the lilypad on the right by using the justifyContent property, which aligns items horizontally and accepts the following values:

ASStackLayoutJustifyContentStart: Items align to the left side of the stack.
ASStackLayoutJustifyContentEnd: Items align to the right side of the stack.
ASStackLayoutJustifyContentCenter: Items align at the center of the stack.
ASStackLayoutJustifyContentSpaceBetween: Items display with equal spacing between them.
ASStackLayoutJustifyContentSpaceAround: Items display with equal spacing around them.

For example, stack.justifyContent = ASStackLayoutJustifyContentEnd; will move the frog to the right.

1
2
3
4
5
6
7
8
9
10

  ASStackLayoutSpec *stack = [[ASStackLayoutSpec alloc] init];
  stack.direction = ASStackLayoutDirectionHorizontal;

  stack.children = @[greenFrog];