this.state.wrapperHeight gets updated whenever either of those inputs changes
Also, I've added a callback this.props.onHeightChange that gets called when this.state.wrapperHeight changes
Relatedly, this PR changes the logic for when scrollToBottom gets triggered. In this PR it gets called whenever this.contentHeight increases. In the current version, it gets triggered whenever onLayoutLastTag gets called and the max this.props.numberOfLines has already been reached. I found the current behavior buggy, and it doesn't always get triggered when you would expect it to.
Currently,
wrapperHeightis determined in the following way:this.state.linesstarts out at 1wrapperHeight = (this.state.lines - 1) * 40 + 36this.state.linesnever goes abovethis.props.numberOfLinesthis.state.linesgets incremented wheneveronLayoutLastTagis called withspaceLeft < 100My proposal:
this.state.wrapperHeight = Math.min(this.props.maxHeight, this.contentHeight)this.state.wrapperHeightgets updated whenever either of those inputs changesthis.props.onHeightChangethat gets called whenthis.state.wrapperHeightchangesRelatedly, this PR changes the logic for when
scrollToBottomgets triggered. In this PR it gets called wheneverthis.contentHeightincreases. In the current version, it gets triggered wheneveronLayoutLastTaggets called and the maxthis.props.numberOfLineshas already been reached. I found the current behavior buggy, and it doesn't always get triggered when you would expect it to.