I have a React Native View
containing a Text
field, and I'm using the onLayout prop to do some positional calculations which rely on the data it provides.
<View onLayout={this.calculateDimensions}><Text>{this.props.content}</Text></View>
This works well, but there is a scenario where the content
prop updates to a different string with the same character size. This results in the layout not changing and onLayout
not triggering.
These positional calculations must occur each time the content
prop updates.
Note: I am aware there are numerous ways to make the component update. Updating is not the same as laying out and sadly does not trigger onLayout
.