diff --git a/native/chat/chat-tab-bar.react.js b/native/chat/chat-tab-bar.react.js --- a/native/chat/chat-tab-bar.react.js +++ b/native/chat/chat-tab-bar.react.js @@ -63,9 +63,9 @@ props: MaterialTopTabBarProps>, ): React.Node { const renderTabBarItem = React.useCallback( - (innerProps: $ReadOnly<{ ...TabBarItemProps>, key: string }>) => ( - - ), + ( + innerProps: $ReadOnly<{ ...TabBarItemProps>, +key: string, ... }>, + ) => , [], ); diff --git a/native/flow-typed/npm/@react-navigation/core_v6.x.x.js b/native/flow-typed/npm/@react-navigation/core_v6.x.x.js --- a/native/flow-typed/npm/@react-navigation/core_v6.x.x.js +++ b/native/flow-typed/npm/@react-navigation/core_v6.x.x.js @@ -1979,56 +1979,59 @@ |}; declare export type TabDescriptor> = {| - +accessibilityLabel?: string; - +accessible?: boolean; - +testID?: string; - +labelText?: string; - +labelAllowFontScaling?: boolean; - +href?: string; + +accessibilityLabel?: string, + +accessible?: boolean, + +testID?: string, + +labelText?: string, + +labelAllowFontScaling?: boolean, + +href?: string, +label?: (props: { - +route: T; - +labelText?: string; - +focused: boolean; - +color: string; - +allowFontScaling?: boolean; - +style?: TextStyleProp; - }) => React$Node; + +route: T, + +labelText?: string, + +focused: boolean, + +color: string, + +allowFontScaling?: boolean, + +style?: TextStyleProp, + ... + }) => React$Node, +icon?: (props: { +route: T; - +focused: boolean; - +color: string; - +size: number; - }) => React$Node; - +badge?: (props: { route: T }) => React$Node; + +focused: boolean, + +color: string, + +size: number, + ... + }) => React$Node, + +badge?: (props: { +route: T, ... }) => React$Node, |}; - declare export type OpaqueColorValue = Symbol & {|+__TYPE__: 'Color'|}; + declare export type OpaqueColorValue = Symbol & {| +__TYPE__: 'Color' |}; declare export type ColorValue = string | OpaqueColorValue; - declare export interface PressableAndroidRippleConfig { - +color?: ?ColorValue; - +borderless?: ?boolean; - +radius?: ?number; - +foreground?: ?boolean; - } - + declare export type PressableAndroidRippleConfig = { + +color?: ?ColorValue, + +borderless?: ?boolean, + +radius?: ?number, + +foreground?: ?boolean, + ... + }; declare export type TabBarItemProps> = $ReadOnly<{ ...TabDescriptor, - +position: AnimatedInterpolation; - +route: T; - +navigationState: NavigationState; - +activeColor?: string; - +inactiveColor?: string; - +pressColor?: string; - +pressOpacity?: number; - +onLayout?: (event: LayoutEvent) => void; - +onPress: () => void; - +onLongPress: () => void; - +defaultTabWidth?: number; - +labelStyle?: TextStyleProp; - +style: ViewStyleProp; - +android_ripple?: PressableAndroidRippleConfig; + +position: AnimatedInterpolation, + +route: T, + +navigationState: NavigationState, + +activeColor?: string, + +inactiveColor?: string, + +pressColor?: string, + +pressOpacity?: number, + +onLayout?: (event: LayoutEvent) => void, + +onPress: () => void, + +onLongPress: () => void, + +defaultTabWidth?: number, + +labelStyle?: TextStyleProp, + +style: ViewStyleProp, + +android_ripple?: PressableAndroidRippleConfig, + ... }>; declare export type MaterialTopTabBarProps> = {| @@ -2037,7 +2040,7 @@ +position: any, // Reanimated.Node +jumpTo: string => void, +renderTabBarItem: ( - props: $ReadOnly<{...TabBarItemProps, key: string }>, + props: $ReadOnly<{ ...TabBarItemProps, +key: string, ... }>, ) => React$Node, |}; @@ -2052,7 +2055,7 @@ +style?: ViewStyleProp, +gestureHandlerProps?: PanGestureHandlerProps, +pager?: MaterialTopTabPagerProps => React$Node, - +tabBar?: MaterialTopTabBarProps> => React$Node, + +tabBar?: MaterialTopTabBarProps> => React$Node, |}; declare export type ExtraMaterialTopTabNavigatorProps = {|