Function getDecoration

packages/backend/src/flutter/flutterContainer.ts:115–151

(node: SceneNode)

}

const getDecoration = (node: SceneNode): string => {
  if (!("fills" in node)) {
    return "";
  }

  const propBoxShadow = flutterShadow(node);
  const decorationBackground = flutterBoxDecorationColor(node, "fills");

  let shapeDecorationBorder = "";
  if (node.type === "STAR") {
    shapeDecorationBorder = generateStarBorder(node);
  } else if (node.type === "POLYGON") {
    shapeDecorationBorder = generatePolygonBorder(node);
  } else if (node.type === "ELLIPSE") {
    shapeDecorationBorder = generateOvalBorder(node);
  } else if ("strokeWeight" in node && node.strokeWeight !== figma.mixed) {
    shapeDecorationBorder = skipDefaultProperty(
      generateRoundedRectangleBorder(node),
      "RoundedRectangleBorder()",
    );
  }

  if (shapeDecorationBorder) {
    return generateWidgetCode("ShapeDecoration", {
      ...decorationBackground,
      shape: shapeDecorationBorder,
      shadows: propBoxShadow,
    });
  }

  return generateWidgetCode("BoxDecoration", {
    ...decorationBackground,
    borderRadius: generateBorderRadius(node),
    border: flutterBorder(node),
    boxShadow: propBoxShadow,
  });
};

const generateRoundedRectangleBorder = (
  node: SceneNode & MinimalStrokesMixin,