現在フォーカスされている入力の位置を取得する方法は？

Question

いくつかの計算を行うために現在フォーカスされている入力の位置を知る必要があります。最後に.measure()に電話したいと思います。

私が得たもの：

import { TextInput } from 'react-native'; 

const { State: TextInputState } = TextInput; 
var currentlyFocussedField  = TextInputState.currentlyFocusedField(); 

console.log('currentlyFocussedField', currentlyFocussedField); 

しかし、これが唯一のテキストフィールドのIDを返します（のような394、および次のフィールドが395です）。実際の要素/オブジェクトにアクセスするにはどうすればよいですか、または画面上でその位置を取得する方法は？

Answer 1

JavaScriptからreactTagという数字のReactコンポーネントにアクセスする方法はわかりませんが、を内部で使用するのと同じUIManager.measure(reactTag, callback)関数を使用できます。

これは文書化されていませんが、iOSの場合はhere、Androidの場合はhereとなっています。

これを使用して、ネイティブビューのすべてのサイズ値を取得できます。たとえば、上の例の図：

​​