Function flutterFrame

packages/backend/src/flutter/flutterMain.ts:171–222

(
  node: SceneNode & BaseFrameMixin & MinimalBlendMixin,
)

};

const flutterFrame = (
  node: SceneNode & BaseFrameMixin & MinimalBlendMixin,
): string => {
  // Check if any direct children need absolute positioning
  const hasAbsoluteChildren = node.children.some(
    (child: any) => (child as any).layoutPositioning === "ABSOLUTE",
  );

  // Add warning if we need to use Stack due to absolute positioning
  if (hasAbsoluteChildren && node.layoutMode !== "NONE") {
    addWarning(
      `Frame "${node.name}" has absolute positioned children. Using Stack instead of ${
        node.layoutMode === "HORIZONTAL" ? "Row" : "Column"
      }.`,
    );
  }

  // Generate widget code for children
  const children = flutterWidgetGenerator(node.children);

  // Force Stack for any frame that has absolute positioned children
  if (hasAbsoluteChildren) {
    return flutterContainer(
      node,
      generateWidgetCode("Stack", {
        children: children !== "" ? [children] : [],
      }),
    );
  }

  if (node.layoutMode !== "NONE") {
    const rowColumnWrap = makeRowColumnWrap(node, children);
    return flutterContainer(node, rowColumnWrap);
  } else {
    if (node.inferredAutoLayout) {
      const rowColumnWrap = makeRowColumnWrap(node.inferredAutoLayout, children);
      return flutterContainer(node, rowColumnWrap);
    }

    if (node.isAsset) {
      return flutterContainer(node, generateWidgetCode("FlutterLogo", {}));
    }

    // Default to Stack for frames without any layout
    return flutterContainer(
      node,
      generateWidgetCode("Stack", {
        children: children !== "" ? [children] : [],
      }),
    );
  }
};

const makeRowColumnWrap = (
  autoLayout: InferredAutoLayoutResult,