score:3

Accepted answer
onlayout(event) {
    const {x, y, height, width} = event.nativeevent.layout;
    const newheight = this.state.view2layoutprops.height + 1;
    const newlayout = {
        height: newheight ,
        width: width,
        left: x,
        top: y,
      };

    this.setstate({ view2layoutprops: newlayout });
  }

  render() {
    return (
      <view style={styles.container}>
        <view style={styles.view1}>
          <text>{this.state.view2layoutprops.height}</text>
        </view>
        <view onlayout={(event) => this.onlayout(event)} 
              style={[styles.view2, this.state.view2layoutprops]} />
        <view style={styles.view3} />
      </view>
    );
  }

}

Related Query

More Query from same tag