victory-native
Version:
A charting library for React Native with a focus on performance and customization.
32 lines (31 loc) • 1.38 kB
TypeScript
import * as React from "react";
import { type PathProps } from "@shopify/react-native-skia";
import type { MaybeNumber, PointsArray } from "../../types";
import { type AreaPathOptions } from "../hooks/useAreaPath";
import { type PathAnimationConfig } from "../../hooks/useAnimatedPath";
export type AreaRangePointsArray = {
x: number;
xValue: PointsArray[number]["xValue"];
y: MaybeNumber;
y0: MaybeNumber;
yValue: PointsArray[number]["yValue"];
}[];
export type AreaRangeProps = ({
points: AreaRangePointsArray;
upperPoints?: never;
lowerPoints?: never;
} | {
points?: never;
upperPoints: PointsArray;
lowerPoints: PointsArray;
}) & {
animate?: PathAnimationConfig;
} & AreaPathOptions & Partial<Pick<PathProps, "color" | "blendMode" | "opacity" | "antiAlias">>;
export declare function AreaRange({ upperPoints, lowerPoints, points, animate, curveType, connectMissingData, ...ops }: React.PropsWithChildren<AreaRangeProps>): React.FunctionComponentElement<{
path: import("@shopify/react-native-skia").SkPath;
} & Omit<import("@shopify/react-native-skia").AnimatedProps<PathProps, never>, "start" | "end"> & {
start?: import("@shopify/react-native-skia").AnimatedProp<number> | undefined;
end?: import("@shopify/react-native-skia").AnimatedProp<number> | undefined;
} & {
animate?: PathAnimationConfig | undefined;
}>;