Update bottomOffset dynamically?

Hi there!

I was trying to change the bottomOffset dynamically but I notice that while the value for this.state.bottomOffset changes, GiftedChat 's container’s bottomOffset doesn’t change.

Here’s a snippet of my code:

renderAccessory() {
    return (
      <View style={{backgroundColor:"#000000", height: this.state.bufferHeight, width: width}}>
          <TouchableOpacity
            onPress={() => {
              this.setState({showExtra:!this.state.showExtra})
              if (this.state.showExtra) {
                this.setState({bufferHeight:44})

              }
              else {
                this.setState({bufferHeight:88})

              }

            }}
            >
            <Text style={{color:"#ffffff"}}>FUNNY</Text>
          </TouchableOpacity>

      </View>
    )
}

render () {
     <GiftedChat
          isAnimated={true}
          messages={this.state.messages}
          onSend={this.onSend}
          loadEarlier={true}
          isLoadingEarlier={true}
          onLoadEarlier={this.onLoadEarlierMessages}
          user={{_id: 1, name:'Thor'}}
          onChangeText={() => this.state.channel ? this.state.channel.typing() : false}
          isLoadingEarlier={this.state.isLoadingEarlierMessages}
          renderBubble={this.renderBubble}
          renderFooter={this.renderFooter}
          bottomOffset={this.state.bufferHeight} // set initially at 44
          renderAccessory={this.renderAccessory}

        />
}

What I am trying to do is to increase the height of the view component generated by renderAccessory(), and as this happen, i need to shift the GiftedChat component upwards and hence increasing the bottomOffset to 88.

While console.log are printing the values correctly, the borromOffset does not result in a dynamic change in the height of GiftedChat

Am I missing anything?

Thanks!

[jnrepo]

Having the same issue here. Methods tried:

1. Adjust height of View that wraps gifted container on when the keyboard is shown (doesn’t work: gifted container will keep the original height; although in the logs its changing)
2. Tried tweaking minInputToolbarHeight and bottomOffset (code gets very verbose for a simple feature)

Is there a simpler way to do this?

[patrinoua]

This solved it for me <GiftedChat messages={messages} user={{ _id: 1 }} onSend={this.onSend} bottomOffset={Platform.OS === “ios” && 48.5} /> https://github.com/FaridSafi/react-native-gifted-chat/issues/278