@onekeyfe/react-native-bottom-tabs 0.0.0-stage → 6.7.0-10

package/src/codegen-types.d.ts

@@ -0,0 +1,28 @@
+declare module 'react-native/Libraries/Types/CodegenTypes' {
+  import type { NativeSyntheticEvent } from 'react-native';
+
+  export type Double = number;
+  export type Float = number;
+  export type Int32 = number;
+  export type WithDefault<T, V> = T;
+  export type DirectEventHandler<T> = (
+    event: NativeSyntheticEvent<T>
+  ) => void;
+  export type BubblingEventHandler<T> = (
+    event: NativeSyntheticEvent<T>
+  ) => void;
+}
+
+declare module 'react-native/Libraries/Utilities/codegenNativeComponent' {
+  import type { HostComponent } from 'react-native';
+
+  export default function codegenNativeComponent<P>(
+    componentName: string,
+    options?: {
+      interfaceOnly?: boolean;
+      paperComponentName?: string;
+      paperComponentNameDeprecated?: string;
+      excludedPlatforms?: ReadonlyArray<'iOS' | 'android'>;
+    }
+  ): HostComponent<P>;
+}

package/src/index.tsx

@@ -0,0 +1,18 @@
+import BottomTabs from './BottomTabs';
+
+/**
+ * Views
+ */
+export default BottomTabs;
+
+/**
+ * Utilities
+ */
+export { SceneMap } from './SceneMap';
+export { useBottomTabBarHeight } from './utils/useBottomTabBarHeight';
+export { BottomTabBarHeightContext } from './utils/BottomTabBarHeightContext';
+
+/**
+ * Types
+ */
+export type { AppleIcon, TabRole } from './types';

package/src/types.ts

@@ -0,0 +1,31 @@
+import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import type { SFSymbol } from 'sf-symbols-typescript';
+
+export type IconSource = string | ImageSourcePropType;
+
+export type AppleIcon = { sfSymbol: SFSymbol };
+
+export type TabRole = 'search';
+
+export type BaseRoute = {
+  key: string;
+  title?: string;
+  badge?: string;
+  badgeBackgroundColor?: string;
+  badgeTextColor?: string;
+  lazy?: boolean;
+  focusedIcon?: ImageSourcePropType | AppleIcon;
+  unfocusedIcon?: ImageSourcePropType | AppleIcon;
+  activeTintColor?: string;
+  hidden?: boolean;
+  testID?: string;
+  role?: TabRole;
+  freezeOnBlur?: boolean;
+  style?: StyleProp<ViewStyle>;
+  preventsDefault?: boolean;
+};
+
+export type NavigationState<Route extends BaseRoute> = {
+  index: number;
+  routes: Route[];
+};

package/src/utils/BottomTabBarHeightContext.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+export const BottomTabBarHeightContext = React.createContext<
+  number | undefined
+>(undefined);

package/src/utils/useBottomTabBarHeight.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+import { BottomTabBarHeightContext } from './BottomTabBarHeightContext';
+
+export function useBottomTabBarHeight() {
+  const height = React.useContext(BottomTabBarHeightContext);
+
+  if (height === undefined) {
+    throw new Error(
+      "Couldn't find the bottom tab bar height. Are you inside a screen in Native Bottom Tab Navigator?"
+    );
+  }
+
+  return height;
+}