expo-router
Version:
Expo Router is a file-based router for React Native and web applications.
66 lines (65 loc) • 2.06 kB
TypeScript
import type { ImageSourcePropType, StyleProp, TextStyle } from 'react-native';
import type { SFSymbol } from 'sf-symbols-typescript';
export interface StackToolbarLabelProps {
/**
* The text to display as the label for the tab.
*/
children?: string;
}
export declare const StackToolbarLabel: React.FC<StackToolbarLabelProps>;
export type StackToolbarIconProps = {
src: ImageSourcePropType;
/**
* Controls how the image icon is rendered.
*
* - `'template'`: applies tint color to the icon
* - `'original'`: preserves original icon colors
*
* **Default behavior on iOS:**
* - With parent `tintColor`: defaults to `'template'`
* - Without parent `tintColor`: defaults to `'original'`
*
* **On Android:** defaults to `'template'`. Setting `'original'` skips the tint so
* the icon's source colors are preserved.
*
* @platform android
* @platform ios
*/
renderingMode?: 'template' | 'original';
} | {
/**
* Name of an SF Symbol to display.
*
* @platform ios
*/
sf: SFSymbol;
} | {
/**
* Name of an image in your Xcode asset catalog (`.xcassets`).
*
* @platform ios
*/
xcasset: string;
/**
* Controls how the xcasset icon is rendered on iOS.
*
* - `'template'`: iOS applies tint color to the icon
* - `'original'`: Preserves original icon colors
*
* Defaults based on parent component's `tintColor`:
* - With `tintColor`: defaults to `'template'`
* - Without `tintColor`: defaults to `'original'`
*
* @platform ios
*/
renderingMode?: 'template' | 'original';
};
export declare const StackToolbarIcon: React.FC<StackToolbarIconProps>;
export interface StackToolbarBadgeProps {
/**
* The text to display as the badge
*/
children?: string;
style?: StyleProp<Pick<TextStyle, 'fontFamily' | 'fontSize' | 'color' | 'fontWeight' | 'backgroundColor'>>;
}
export declare const StackToolbarBadge: React.FC<StackToolbarBadgeProps>;