fix scroll

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-chat",
-  "version": "0.10.0-beta.web.9",
+  "version": "0.10.0-beta.web.10",
   "description": "The most complete chat UI for React Native",
   "main": "node_modules/expo/AppEntry.js",
   "types": "lib/index.d.ts",

src/GiftedChat.tsx

@@ -645,7 +645,7 @@ class GiftedChat<TMessage extends IMessage = IMessage> extends React.Component<
       this.props.onSend(newMessages)
     }
 
-    setTimeout(() => this.scrollToBottom(), 100)
+    setTimeout(() => this.scrollToBottom(false), 100)
 
     if (shouldResetInputToolbar === true) {
       setTimeout(() => {
@@ -660,7 +660,7 @@ class GiftedChat<TMessage extends IMessage = IMessage> extends React.Component<
     if (this.props.onQuickReply) {
       this.props.onQuickReply(replies)
     }
-    setTimeout(() => this.scrollToBottom(), 100)
+    setTimeout(() => this.scrollToBottom(false), 100)
   }
 
   resetInputToolbar() {

src/MessageContainer.tsx

@@ -217,12 +217,12 @@ export default class MessageContainer<
     }
   }
 
-  scrollToBottom = () => {
+  scrollToBottom = (animated: boolean = true) => {
     const { inverted } = this.props
     if (inverted) {
-      this.scrollTo({ offset: 0, animated: true })
+      this.scrollTo({ offset: 0, animated })
     } else {
-      this.props.forwardRef!.current!.scrollToEnd({ animated: true })
+      this.props.forwardRef!.current!.scrollToEnd({ animated })
     }
   }
 
@@ -310,7 +310,7 @@ export default class MessageContainer<
     return (
       <View style={styles.scrollToBottomStyle}>
         <TouchableOpacity
-          onPress={this.scrollToBottom}
+          onPress={() => this.scrollToBottom()}
           hitSlop={{ top: 5, left: 5, right: 5, bottom: 5 }}
         >
           {this.renderScrollBottomComponent()}
@@ -325,7 +325,10 @@ export default class MessageContainer<
       !!this.props.messages &&
       this.props.messages!.length
     ) {
-      setTimeout(this.scrollToBottom, 150)
+      setTimeout(
+        () => this.scrollToBottom(false),
+        15 * this.props.messages!.length,
+      )
     }
   }
 

src/MessageImage.tsx

@@ -10,6 +10,7 @@ import {
   StyleProp,
   ImageStyle,
 } from 'react-native'
+// TODO: support web
 // @ts-ignore
 import Lightbox from 'react-native-lightbox'
 import { IMessage } from './types'