Column.create(c) .heightDip(24) .widthDip(24) .backgroundColor(Color.RED) .transitionKey("icon_like")) .alignItems(YogaAlign.CENTER) .justifyContent(YogaJustify.CENTER) .child(Column.create(c).heightDip(24).widthDip(24).backgroundColor(Color.RED)) .child( Text.create(c).textSizeSp(16).text("Comment").marginDip(YogaEdge.LEFT, 8))) .transitionKey("icon_share") .heightDip(24) .widthDip(24) .backgroundColor(Color.RED)) .child( .transitionKey("icon_like") .heightDip(24) .widthDip(24) .backgroundColor(Color.RED))) .child( .transitionKey("icon_share") .heightDip(24) .widthDip(24) .backgroundColor(Color.RED))) .build();
.transitionKeyType(Transition.TransitionKeyType.GLOBAL) .marginDip(YogaEdge.RIGHT, 6) .widthDip(100) .backgroundColor(Color.RED)) .child( .transitionKey(TRANSITION_KEY_CHILD_4_2_2) .transitionKeyType(Transition.TransitionKeyType.GLOBAL) .widthDip(flag4 ? 200 : 100) .backgroundColor(Color.YELLOW))) .clickHandler(BoundsAnimationComponent.onFourthComponentClick(c))
Column.create(c) .heightDip(18) .widthDip(18) .background(buildRoundedRect(c, 0xFFFFB74B, 9))) .child(
.positionDip(YogaEdge.LEFT, expanded ? 27 : 3) .heightDip(18) .widthDip(18) .background(buildRoundedRect(c, 0xFFB2CFE5, 9))) .child( .positionDip(YogaEdge.LEFT, expanded ? 15 : 3) .heightDip(18) .widthDip(18) .background(buildRoundedRect(c, 0xFF4B8C61, 9))) .child( Column.create(c) .heightDip(18) .widthDip(18) .background(buildRoundedRect(c, 0xFFFFB74B, 9))) .background(buildRoundedRect(c, Color.WHITE, 12))))
private static Component affectedParent(ComponentContext c, boolean flag3) { return Row.create(c) .justifyContent(YogaJustify.CENTER) .child( Row.create(c) .transitionKey(TRANSITION_KEY_CONTAINER_3) .transitionKeyType(Transition.TransitionKeyType.GLOBAL) .heightDip(60 + 2 * 8) .paddingDip(YogaEdge.ALL, 8) .backgroundColor(Color.LTGRAY) .child( Column.create(c) .transitionKey(TRANSITION_KEY_CHILD_3_1) .transitionKeyType(Transition.TransitionKeyType.GLOBAL) .widthDip(60 * (flag3 ? 1 : 2)) .backgroundColor(Color.YELLOW)) .clickHandler(BoundsAnimationComponent.onThirdComponentClick(c))) .build(); }