@devlander/styled-components-theme/typings/bundle/native/types/text-style-props.native.d.ts

Devlander's team utilizes this package during the development of their React Native projects. Its primary purpose is to facilitate code reuse by sharing types across multiple projects that uses the styled-components library.

import { TextStylingPropsWrapper } from '../../shared/types/text-style.types';
import type { ColorValue, TextStyle } from 'react-native';
export interface TextStylePropsNative extends TextStylingPropsWrapper<any, any> {
    color?: TextStyle['color'];
    fontFamily?: TextStyle['fontFamily'];
    fontSize?: TextStyle['fontSize'];
    fontStyle?: TextStyle['fontStyle'];
    /**
     * Specifies font weight. Only the standard React Native values are supported here.
     * This ensures compatibility with the React Native TextStyle type.
     */
    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | undefined;
    letterSpacing?: TextStyle['letterSpacing'];
    lineHeight?: number | undefined;
    textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;
    textDecorationLine?: 'none' | 'underline' | 'line-through' | 'underline line-through' | undefined;
    textDecorationStyle?: 'solid' | 'double' | 'dotted' | 'dashed' | undefined;
    textDecorationColor?: ColorValue | undefined;
    textShadowColor?: ColorValue | undefined;
    textShadowOffset?: {
        width: number;
        height: number;
    } | undefined;
    textShadowRadius?: number | undefined;
    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | undefined;
    testID?: string | undefined;
}