maxHeight incorrect

Hey @FaridSafi !

Awesome job on this chat ! 👏

I’m having an issue with the size of the chat, the Input is taking most of the screen sometimes (Screenshot below).

After investigating it looks like the height returned by onLayout is 0 here. The correct height is returned on a second call of onLayout, I’ve managed to fix the issue just by adding if (layout.height <= 0) return; that way the correct height will be used on the next call.

Are you aware of this issue ? Does it seem like the right way to fix it ? I can push you a PR with the fix if you want to 👍

Thanks

[emirdeliz]

I fix my problem with this

<Container>
    <Header>
        <Button transparent onPress={ () => this.props.navigate.pop() }>
             <Icon name="ios-arrow-back" />
        </Button>
        <Title>{ this.props.professional.name }</Title>
    </Header>
    <View>
        <GiftedChat messages={ this.state.messages } renderActions={ this.buildCustomActions }
            onSend={ this.onSend } user={{ _id: 1}} />
    </View>
</Container>

The cause of problem is tag Content

[maxs15]

There is just a basic <GiftedChat user={this.props.user} locale={locale} messages={this.props.messages}/> in my view. But I’m using react-native-navigation to manage navigation between my views. It may be the cause of the layout recalculation… but I think it’s a good thing to handle the case where the layout would change because the chat becomes unusable otherwise