react-native-leader-line
Version:
React Native port of leader-line library for drawing arrow lines and connectors
48 lines • 1.31 kB
TypeScript
/**
* @fileoverview Memoized Label Component
* @description Performance-optimized label component for LeaderLine
* @version 1.2.0
* @author Federico Garcia
*/
import React from 'react';
/**
* @interface ExtendedLabelOptions
* @description Extended label options for memoized label component
*/
export interface ExtendedLabelOptions {
color?: string;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
textAnchor?: 'start' | 'middle' | 'end';
opacity?: number;
rotation?: number;
dx?: number;
dy?: number;
}
/**
* @interface MemoizedLabelProps
* @description Props for the memoized label component
*/
export interface MemoizedLabelProps {
/** Label text content */
text: string;
/** X position */
x: number;
/** Y position */
y: number;
/** Label options */
options?: ExtendedLabelOptions;
/** Test ID for testing */
testID?: string;
}
/**
* @component MemoizedLabel
* @description Performance-optimized label component with React.memo
*
* This component is memoized to prevent unnecessary re-renders when
* parent components update but label props haven't changed.
*/
declare const MemoizedLabel: React.FC<MemoizedLabelProps>;
export default MemoizedLabel;
//# sourceMappingURL=MemoizedLabel.d.ts.map