PaintRadialGradient

Inherits: PaintGradient

More information on Radial gradient https://api.flutter.dev/flutter/dart-ui/Gradient/Gradient.radial.html

Properties

• center(OffsetValue | None) –

  The center of the gradient.

• color_stops(list[Number] | None) –

  A list of values from 0.0 to 1.0 that denote fractions along the gradient.

• colors(list[ColorValue]) –

  The https://flet.dev/docs/reference/colors the gradient should obtain at each of

• focal(OffsetValue | None) –

  The focal point of the gradient. If specified, the gradient will appear to be

• focal_radius(Number) –

  The radius of the focal point of gradient, as a fraction of the shortest side of

• radius(Number) –

  The radius of the gradient.

• tile_mode(GradientTileMode) –

  How this gradient should tile the plane beyond in the region before begin and

Methods

• copy –

  Returns a copy of this object with the specified properties overridden.

Properties

center instance-attribute

center: OffsetValue | None

The center of the gradient.

color_stops class-attribute instance-attribute

color_stops: list[Number] | None = None

A list of values from 0.0 to 1.0 that denote fractions along the gradient.

If provided, this list must have the same length as colors. If the first value is not 0.0, then a stop with position 0.0 and a color equal to the first color in colors is implied. If the last value is not 1.0, then a stop with position 1.0 and a color equal to the last color in colors is implied.

colors instance-attribute

colors: list[ColorValue]

The https://flet.dev/docs/reference/colors the gradient should obtain at each of the stops. This list must contain at least two colors.

If stops is provided, this list must have the same length as stops.

focal class-attribute instance-attribute

focal: OffsetValue | None = None

The focal point of the gradient. If specified, the gradient will appear to be focused along the vector from center to focal.

focal_radius class-attribute instance-attribute

focal_radius: Number = 0.0

The radius of the focal point of gradient, as a fraction of the shortest side of the paint box.

For example, if a radial gradient is painted on a box that is 100.0 pixels wide and 200.0 pixels tall, then a radius of 1.0 will place the 1.0 stop at 100.0 pixels from the focal point.

radius instance-attribute

radius: Number

The radius of the gradient.

tile_mode class-attribute instance-attribute

tile_mode: GradientTileMode = CLAMP

How this gradient should tile the plane beyond in the region before begin and after end.

Methods

copy

copy(
    *,
    center: OffsetValue | None = None,
    radius: Number | None = None,
    colors: list[str] | None = None,
    color_stops: list[Number] | None = None,
    tile_mode: GradientTileMode | None = None,
    focal: OffsetValue | None = None,
    focal_radius: Number | None = None,
) -> PaintRadialGradient

Returns a copy of this object with the specified properties overridden.

Examples

Canvas paint

import flet as ft
import flet.canvas as cv


def main(page: ft.Page):
    page.add(
        cv.Canvas(
            width=float("inf"),
            expand=True,
            shapes=[
                cv.Circle(
                    x=60,
                    y=170,
                    radius=50,
                    paint=ft.Paint(
                        style=ft.PaintingStyle.FILL,
                        gradient=ft.PaintRadialGradient(
                            radius=50,
                            center=(60, 170),
                            colors=[ft.Colors.YELLOW, ft.Colors.BLUE],
                        ),
                    ),
                ),
            ],
        )
    )


ft.run(main)