Contents

rotationEffect(_:anchor:)

Rotates a view’s rendered output in two dimensions around the specified point.

Declaration

nonisolated func rotationEffect(_ angle: Angle, anchor: UnitPoint = .center) -> some View

Parameters

  • angle:

    The angle by which to rotate the view.

  • anchor:

    A unit point within the view about which to perform the rotation. The default value is Center.

Return Value

A view with rotated content.

Discussion

This modifier rotates the view’s content around the axis that points out of the xy-plane. It has no effect on the view’s frame. The following code rotates text by 22˚ and then draws a border around the modified view to show that the frame remains unchanged by the rotation modifier:

Text("Rotation by passing an angle in degrees")
    .rotationEffect(.degrees(22))
    .border(Color.gray)

[Image]

See Also

Scaling, rotating, or transforming a view