[Android] gifted chat scroll sometimes doesn't works

Issue Description

gifted chat’s scroll sometimes doesn’t works only in the Android platform. I found that if I use TouchableWithoutFeedback, scroll doesn’t work properly. It is weird that if I starts scrolling at message bubble or avatar profile(I think it is touchable component), scroll works well. How can I fix it?

I use TouchableWithoutFeedback and KeyboardAvoidingView for chat view adjust keyboard’s size.

Steps to Reproduce / Code Snippets

<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
        <KeyboardAvoidingView
          behavior="padding"
          onStartShouldSetResponder={() => true}
          keyboardVerticalOffset={
            Platform.OS === "ios" ? 0 : -Dimensions.get("window").height
          }
          style={{ flex: 1, backgroundColor: "#000" }}
        >
          <OtherComponents/>
          <GiftedChat
            ref="giftedChat"
            style={{ flex: 9 }}
            messages={this.state.messages}
            onSend={(messages) => this.onSend(messages)}
            renderBubble={this._renderBubble}
            renderTime={this._renderTime}
            renderMessage={this._renderMessage}
            renderSend={this._renderSend}
            renderInputToolbar={this._renderInputToolbar}
            textInputStyle={styles.chatTextInput}
            placeholder="Your messages..."
            isKeyboardInternallyHandled={false}
            scrollToBottom={true}
            onPressAvatar={() =>
              this._openPartnerProfileModal(
                this.props.navigation.getParam("partnerProfildId")
              )
            }
            user={{
              _id: this.state.loginUserId,
              name: "me",
              avatar: "",
            }}
          />
          <OtherComponents/>
        </KeyboardAvoidingView>
      </TouchableWithoutFeedback>

Expected Results

I hope scroll works well in the android platform.

Additional Information

• Nodejs version: v12.16.1
• React version: 16.13.1
• React Native version: 0.63.3
• react-native-gifted-chat version: ^0.16.3
• Platform(s) (iOS, Android, or both?): [FILL THIS OUT]
• TypeScript version: [FILL THIS OUT]

[guigralho]

Hi,

I’m having the same issue here but also on iOS. The screen only scrolls if I start scrolling at message bubble

[rohank45]

Issue Description

gifted chat’s scroll sometimes doesn’t works only in the Android platform. I found that if I use TouchableWithoutFeedback, scroll doesn’t work properly. It is weird that if I starts scrolling at message bubble or avatar profile(I think it is touchable component), scroll works well. How can I fix it?

I use TouchableWithoutFeedback and KeyboardAvoidingView for chat view adjust keyboard’s size.

Steps to Reproduce / Code Snippets

<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
        <KeyboardAvoidingView
          behavior="padding"
          onStartShouldSetResponder={() => true}
          keyboardVerticalOffset={
            Platform.OS === "ios" ? 0 : -Dimensions.get("window").height
          }
          style={{ flex: 1, backgroundColor: "#000" }}
        >
          �<OtherComponents/>
          <GiftedChat
            ref="giftedChat"
            style={{ flex: 9 }}
            messages={this.state.messages}
            onSend={(messages) => this.onSend(messages)}
            renderBubble={this._renderBubble}
            renderTime={this._renderTime}
            renderMessage={this._renderMessage}
            renderSend={this._renderSend}
            renderInputToolbar={this._renderInputToolbar}
            textInputStyle={styles.chatTextInput}
            placeholder="Your messages..."
            isKeyboardInternallyHandled={false}
            scrollToBottom={true}
            onPressAvatar={() =>
              this._openPartnerProfileModal(
                this.props.navigation.getParam("partnerProfildId")
              )
            }
            user={{
              _id: this.state.loginUserId,
              name: "me",
              avatar: "",
            }}
          />
          �<OtherComponents/>
        </KeyboardAvoidingView>
      </TouchableWithoutFeedback>

Expected Results

I hope scroll works well in the android platform.

Additional Information

• Nodejs version: v12.16.1
• React version: 16.13.1
• React Native version: 0.63.3
• react-native-gifted-chat version: ^0.16.3
• Platform(s) (iOS, Android, or both?): [FILL THIS OUT]
• TypeScript version: [FILL THIS OUT]

removed flex:1 it will fix the scrolling issues.