feat: add reanimated to messageContainer (#5)

2060-io · Jun 27, 2023 · bf61520 · bf61520
1 parent 7b0789b
commit bf61520
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -76,6 +76,7 @@
     "react-native-iphone-x-helper": "1.3.1",
     "react-native-lightbox-v2": "0.9.0",
     "react-native-parsed-text": "0.0.22",
+    "react-native-reanimated": "~2.14.4",
     "react-native-typing-animation": "0.1.7",
     "use-memo-one": "1.1.3",
     "uuid": "3.4.0"

diff --git a/src/GiftedChat.tsx b/src/GiftedChat.tsx
@@ -24,6 +24,7 @@ import {
 } from 'react-native'
 import { LightboxProps } from 'react-native-lightbox-v2'
 import uuid from 'uuid'
+import Reanimated from 'react-native-reanimated'
 import { Actions, ActionsProps } from './Actions'
 import { Avatar, AvatarProps } from './Avatar'
 import Bubble from './Bubble'
@@ -441,7 +442,7 @@ function GiftedChat<TMessage extends IMessage = IMessage>(
     const { messagesContainerStyle, ...messagesContainerProps } = props
 
     const fragment = (
-      <View
+      <Reanimated.View
         style={[
           typeof state.messagesContainerHeight === 'number' && {
             height: state.messagesContainerHeight,
@@ -457,7 +458,7 @@ function GiftedChat<TMessage extends IMessage = IMessage>(
           isTyping={isTyping}
         />
         {_renderChatFooter()}
-      </View>
+      </Reanimated.View>
     )
 
     return isKeyboardInternallyHandled ? (