@td-design/react-native
Version:
react-native UI组件库
30 lines • 1.01 kB
TypeScript
import React, { ReactNode } from 'react';
import { TextStyle } from 'react-native';
import Animated from 'react-native-reanimated';
export interface AnimateHeaderProps {
/** 头部文字 */
headerTitle: string;
/** 头部文字样式 */
headerTitleStyle?: TextStyle;
/** 滚动距离 */
scrollY: Animated.SharedValue<number>;
/** 纵向滚动到哪个值时显示ImageHeader */
scrollHeight?: number;
/** 头部右侧内容 */
headerRight?: ReactNode;
/** 左侧返回键和字体颜色 */
headerLeftColor?: string;
/** 头部左侧内容 */
headerLeft?: ReactNode;
/** 头部底色,默认为透明 */
headerBackgroundColor?: string;
/** 左侧点击事件 */
onPress?: () => void;
/** 是否显示左侧图标 */
showLeft?: boolean;
/** 按下时的不透明度 */
activeOpacity?: number;
}
declare const AnimateHeader: React.FC<AnimateHeaderProps>;
export default AnimateHeader;
//# sourceMappingURL=AnimateHeader.d.ts.map