React-native-gifted-chat: Using bottomOffset with Tabs

Created on 9 Nov 2016  路  5Comments  路  Source: FaridSafi/react-native-gifted-chat

Hello I am using the Gifted chat with react-native-navigation and cannot seem to get it working with when using Tabs and a fixed bottom offset. I have tried a bunch of things and cannot seem to fix it. Here is exact issue:

https://github.com/FaridSafi/react-native-gifted-chat/issues/169

And some related issues:

https://github.com/FaridSafi/react-native-gifted-chat/issues/232
https://github.com/FaridSafi/react-native-gifted-chat/issues/219

Anyone have know a workaround for this?

Most helpful comment

Had the same issue and setting bottomOffset={48.5} (in my case, tabbar has the height of 48.5) fixed it for me. Maybe this helps

All 5 comments

@indivisable I too am experiencing this same problem, did you ever find a solution?

Had the same issue and setting bottomOffset={48.5} (in my case, tabbar has the height of 48.5) fixed it for me. Maybe this helps

WIth a TabNavigator i'm actually using

<GiftedChat
    messages={messages}
    user={{ _id: 1 }}
    onSend={this.onSend}
    bottomOffset={Platform.OS === "ios" && 48.5}
/>
{Platform.OS === "android" && (
 <KeyboardAvoidingView behavior="padding" />
)}

to support both iOS & Android. working well so far.

messages={ shouts }
onSend={ this.onSend }
/>

Its still not working

Was this page helpful?
0 / 5 - 0 ratings

Related issues

emilkarl picture emilkarl  路  3Comments

inceptivetech picture inceptivetech  路  3Comments

cassioseffrin picture cassioseffrin  路  3Comments

tafelito picture tafelito  路  3Comments

redwind picture redwind  路  3Comments