We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Input toolbar glitches after opening keyboard for a bit.
Video:
<SafeAreaView style={{ flex: 1 }}> <BackButton goBack={() => navigation.goBack()} /> <View style={{ height: 100, position: "absolute", alignSelf: "center", justifyContent: "center", backgroundColor: "transparent", alignItems: "center", width: "100%", borderBottomColor: "gray", borderBottomWidth: 1, }} > <Avatar.Image source={require("../../../assets/images/posts/avatar.jpeg")} style={{ alignSelf: "center" }} size={36} /> <Text style={{ fontSize: 12 }}>Hasan Demirkiran</Text> </View> <GiftedChat renderLoading={() => ( <Background> <ActivityIndicator size="large" color="green" /> </Background> )} messages={messages} onSend={(messages) => onSend(messages)} user={{ _id: 1, }} alignTop placeholder="Type your message here..." isTyping showAvatarForEveryMessage alwaysShowSend onPressAvatar={() => Alert.alert("Go to profile")} renderAvatarOnTop messagesContainerStyle={{ paddingBottom: 5, paddingTop: 100, }} keyboardShouldPersistTaps="never" renderBubble={(props) => { return ( <Bubble {...props} wrapperStyle={{ left: { backgroundColor: "#E0E0E0", }, }} /> ); }} renderInputToolbar={(props) => ( <InputToolbar {...props} containerStyle={{ margin: 20, marginBottom: 10, borderRadius: 10, borderTopColor: "transparent", }} renderSend={(props) => ( <Send {...props} containerStyle={{ height: "auto", marginRight: 5, }} /> )} /> )} inverted={messages.length == 0 ? false : true} listViewProps={{ keyboardDismissMode: "on-drag", }} renderChatEmpty={() => ( <Background> <View style={{ flex: 1, alignSelf: "center", justifyContent: "center", height: 500, gap: 20, }} > <Text style={{ transform: [{ scaleY: -1 }], textAlign: "center", width: 250, fontSize: 14, }} > 31 hours ago </Text> <Avatar.Image source={require("../../../assets/images/posts/avatar.jpeg")} style={{ alignSelf: "center", transform: [{ scaleY: -1 }] }} size={100} /> <Text style={{ transform: [{ scaleY: -1 }], textAlign: "center", width: 250, }} > You matched with Hasan Demirkiran. Make the first move! </Text> </View> </Background> )} /> {/* {Platform.OS === "android" && <KeyboardAvoidingView behavior="padding" />} */} </SafeAreaView>
Content of renderChatEmpty should remain where it is. The same doesn't happen when there are messages.
renderChatEmpty
The text was updated successfully, but these errors were encountered:
lets use this patch #2493
Sorry, something went wrong.
No branches or pull requests
Issue Description
Input toolbar glitches after opening keyboard for a bit.
Video:
Steps to Reproduce / Code Snippets
Expected Results
Content of
renderChatEmpty
should remain where it is. The same doesn't happen when there are messages.Additional Information
The text was updated successfully, but these errors were encountered: