It's not working correct with react-navigation V3. createBottomTabNavigator and textInput Bug

Having issue with createBottomTabNavigator and textIntput.
Here is my code of a modal:
<Modal style={styles.commentsModal} ref={modal1 => { this.modal1 = modal1; }} swipeArea={60} position={'bottom'} > <View style={styles.safeArea}> <View style={[styles.stream, styles.cmHeader]}> <View style={styles.streamLeft}> <View style={styles.streamLeftImgBubble}> <Image style={styles.streamImg} source={{ uri: card.author.avatar }} /> </View> <View style={styles.cmhTitle}> <Text typeface={typefaces.sfTextSemibold} numberOfLines={2} style={{ fontSize: 17, color: 'black' }} > {card.title} </Text> </View> </View> </View> <FlatList keyExtractor={item => item.cardId} data={this.state.comments} renderItem={this._renderComment} keyboardShouldPersistTaps="always" keyboardDismissMode="on-drag" style={styles.cmContent} /> <View style={styles.inputBubble}> <View style={styles.inputAvatarBubble}> <Image source={{ uri: this.props.user.avatar }} style={styles.inputAvatar} /> </View> <TextInput onChangeText={this._onChangeText} placeholder={'Add a comment...'} selectionColor={'#66FF5D'} value={this.state.content} returnKeyType={'done'} style={styles.input} multiline={true} autoFocus={true} /> <TouchableOpacity disabled={this.state.isDisabled} onPress={this._addComment} style={styles.postBtn} > <Text typeface={typefaces.SUBHEAD1} style={postStyle}> Post </Text> </TouchableOpacity> </View> </View> </Modal>

Image attached. Maybe I'm doing something wrong on ui side. I am testing only in android

react-navigation version: 3.3.2
react-native-modal-box: 1.7.1

No repository file or test is identified. Start by reproducing the supplied modal with react-native-modalbox 1.7.1, react-navigation 3.3.2, and Android, then inspect the modal and TextInput interaction involved. Done would require a reproducible failure and a confirmed fix or regression test.