diff --git a/native/chat/composed-message.react.js b/native/chat/composed-message.react.js index 19a8e4d6fe..523a8e2787 100644 --- a/native/chat/composed-message.react.js +++ b/native/chat/composed-message.react.js @@ -215,6 +215,11 @@ class ComposedMessage extends React.PureComponent { // want to measure it in Message to see if it's correct if (item.messageShapeType === 'text') { viewStyle.push({ height: item.contentHeight }); + } else if (item.messageShapeType === 'multimedia') { + const height = item.inlineEngagementHeight + ? item.contentHeight + item.inlineEngagementHeight + : item.contentHeight; + viewStyle.push({ height }); } } diff --git a/native/chat/multimedia-message.react.js b/native/chat/multimedia-message.react.js index d1a9ff5dbc..6e7a3aa8c0 100644 --- a/native/chat/multimedia-message.react.js +++ b/native/chat/multimedia-message.react.js @@ -7,7 +7,7 @@ import type { } from '@react-navigation/native'; import { useNavigation, useRoute } from '@react-navigation/native'; import * as React from 'react'; -import { StyleSheet, View } from 'react-native'; +import { View } from 'react-native'; import { messageKey } from 'lib/shared/message-utils.js'; import { @@ -217,7 +217,7 @@ class MultimediaMessage extends React.PureComponent { shouldDisplayPinIndicator={shouldDisplayPinIndicator} {...viewProps} > - + { } } -const styles = StyleSheet.create({ - expand: { - flex: 1, - }, -}); - const ConnectedMultimediaMessage: React.ComponentType = React.memo(function ConnectedMultimediaMessage(props: BaseProps) { const navigation = useNavigation();