Files
frontend/src/components/common/index.ts
lan 4213d13b8f
Some checks failed
Frontend CI / ota-android (push) Successful in 1m30s
Frontend CI / build-and-push-web (push) Successful in 12m29s
Frontend CI / build-android-apk (push) Failing after 3h10m38s
refactor(ui): implement custom header system and unify screen layouts
Refactor the navigation and header strategy by replacing native stack headers with a custom `SimpleHeader` component across most profile and detail screens. This provides a more consistent UI/UX and better control over layout behavior.

- Implement `SimpleHeader` component in `src/components/common`.
- Disable native header rendering in `app/(app)/(tabs)/profile/_layout.tsx` and `app/_layout.tsx`.
- Update profile sub-screens to use `SimpleHeader` and `StatusBar` from `expo-status-bar`.
- Refactor `PostDetailScreen` to use a custom header implementation for better integration with the post author information.
- Update `UserScreen` to wrap content in `SafeAreaView` with the new header.
- Adjust `AppBackButton` to support transparent backgrounds.
2026-05-03 22:01:43 +08:00

43 lines
1.9 KiB
TypeScript

/**
* 通用组件导出
*/
export { default as Avatar } from './Avatar';
export { default as Button } from './Button';
export { default as Card } from './Card';
export { default as Input } from './Input';
export { default as Loading } from './Loading';
export { default as HighlightText } from './HighlightText';
export { default as Text } from './Text';
export { default as EmptyState } from './EmptyState';
export { default as Divider } from './Divider';
export { default as ResponsiveContainer } from './ResponsiveContainer';
// 响应式布局组件
export { default as ResponsiveGrid } from './ResponsiveGrid';
export { default as ResponsiveStack, HStack, VStack } from './ResponsiveStack';
export { default as AdaptiveLayout, SidebarLayout } from './AdaptiveLayout';
export { default as AppBackButton } from './AppBackButton';
export { SimpleHeader } from './SimpleHeader';
export { default as PagerView } from './PagerView';
// 图片相关组件
export { default as SmartImage } from './SmartImage';
export { default as ImageGrid, CompactImageGrid } from './ImageGrid';
export { default as ImageGallery } from './ImageGallery';
// 类型导出
export type { SmartImageProps, ImageLoadState, ImageSource } from './SmartImage';
export type { ImageGridProps, ImageGridItem, GridLayoutMode, CompactImageGridProps } from './ImageGrid';
export type { ImageGalleryProps, GalleryImageItem } from './ImageGallery';
// 响应式组件类型导出
export type { ResponsiveGridProps } from './ResponsiveGrid';
export type { ResponsiveStackProps, StackDirection, StackAlignment, StackJustify } from './ResponsiveStack';
export type { AdaptiveLayoutProps, SidebarLayoutProps } from './AdaptiveLayout';
// 注册流程相关组件
export { default as VerificationCodeInput } from './VerificationCodeInput';
export { default as StepIndicator, RegisterStepIndicator } from './StepIndicator';
export type { Step, StepIndicatorProps } from './StepIndicator';