React Nativeで要素の高さを取得する方法

@iwasaki 20views 更新:2017年6月27日
  render() {
    return (
      <TextInput
        ref={(r) => {
          this.myTextInput = r;
        }}
      />
    );
  }

この要素の高さを取得する方法

this.myTextInput.measure((ox, oy, width, height, px, py) => {
        console.tron.log({ ox, oy, width, height, px, py });
      });
}

それぞれのパラメータは以下に該当します。

  • x
  • y
  • width
  • height
  • pageX
  • pageY

参考

http://facebook.github.io/react-native/releases/0.45/docs/direct-manipulation.html#measure-callback

https://github.com/facebook/react-native/issues/953

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません