Text goes out of screen

[kamalpandey]

Issue Description

When the keyboard text goes out of the screen

Expected Results

Text should be visible

Additional Information

• Nodejs version: [12.16.2]
• React version: [16.8.3]
• React Native version: [0.61.4]
• react-native-gifted-chat version: [0.16.3]
• Platform(s) (iOS, Android, or both?): [Android]
• TypeScript version: [Not used]
• Expo(sdk: 36)

import { GiftedChat} from "react-native-gifted-chat";
import KeyboardSpacer from "react-native-keyboard-spacer";

<SafeAreaView
        style={{ flex: 1, backgroundColor: Colors.white }}
      >
        <View style={{ flex: 1, backgroundColor: Colors.cardBg }}>
          <GiftedChat
            textInputProps={{
              autoFocus: Platform.OS === "ios"
            }}
            messages={this.state.messages}
            placeholder="Type your message"
            onSend={this.onSend}
            user={{
              _id: userResponse.data.attributes.user.id
            }}
            isAnimated
            renderBubble={this.handleRenderBubble}
            renderTime={this.handleRenderTime}
            renderLoading={() => <LoadingScreen />}
            parsePatterns={this.handleParsePatterns}
            // renderMessageText={this.handleMessageRender}
          />
        </View>

        {Platform.OS === "android" ? <KeyboardSpacer /> : null}
      </SafeAreaView>

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.