diff --git a/native/components/full-screen-view-modal.react.js b/native/components/full-screen-view-modal.react.js --- a/native/components/full-screen-view-modal.react.js +++ b/native/components/full-screen-view-modal.react.js @@ -40,6 +40,7 @@ derivedDimensionsInfoSelector, } from '../selectors/dimensions-selectors.js'; import type { NativeMethods } from '../types/react-native.js'; +import type { AnimatedStyleObj } from '../types/styles.js'; import type { UserProfileBottomSheetNavigationProp } from '../user-profile/user-profile-bottom-sheet-navigator.react.js'; import { clamp, @@ -958,7 +959,7 @@ return { width, height: safeAreaHeight }; } - get contentViewContainerStyle() { + get contentViewContainerStyle(): AnimatedStyleObj { const { height, width } = this.props.contentDimensions; const { height: frameHeight, width: frameWidth } = this.frame; const top = (frameHeight - height) / 2 + this.props.dimensions.topInset; diff --git a/native/types/styles.js b/native/types/styles.js --- a/native/types/styles.js +++ b/native/types/styles.js @@ -18,10 +18,17 @@ export type AnimatedStyleObj = { +opacity?: ?number | Animated.Node, + +height?: ?number | Animated.Node, +width?: ?number | Animated.Node, + +marginTop?: ?number | Animated.Node, +marginRight?: ?number | Animated.Node, + +marginLeft?: ?number | Animated.Node, + +backgroundColor?: ?string | Animated.Node, + +bottom?: ?number | Animated.Node, +transform?: $ReadOnlyArray<{ +scale?: ?number | Animated.Node, + +translateX?: ?number | Animated.Node, + +translateY?: ?number | Animated.Node, ... }>, ...