Reagieren‘findNodeHandle Methode

Question

Nach dem Upgrade auf 0.26.0-rc Version aufgehört zu arbeiten, diese Zeile:

React.findNodeHandle(this.refs.myRef) 

wirft diese Fehlermeldung:

Unhandle JS Ausnahme: _react2.default. findNodeHandle ist keine Funktion.

ich den Import mit dieser Reaktion:

import React from 'react'; 

Docs still say: „Wie immer eine native Node-Handle für eine Komponente zu erhalten, können Sie React.findNodeHandle (Komponente) verwenden. "

Answer 1

Sie müssen auch ReactNative importieren.

import ReactNative from 'react-native'; 
... 
ReactNative.findNodeHandle(...) 

Answer 2

Jetzt kann die Funktion ohne Objekt verwendet werden:

import { 
    ... 
    findNodeHandle, 
    ... 
} from 'react-native'; 

Und es direkt anrufen:

findNodeHandle(this.refs[refName]) 

Answer 3

import { 
    ... 
    findNodeHandle, 
} from 'react-native'; 

var RCTUIManager = require('NativeModules').UIManager; 

var view = this.refs['yourRef']; // Where view is a ref obtained through <View ref='ref'/> 
RCTUIManager.measure(findNodeHandle(view), (fx, fy, width, height, px, py) => { 
    console.log('Component width is: ' + width) 
    console.log('Component height is: ' + height) 
    console.log('X offset to frame: ' + fx) 
    console.log('Y offset to frame: ' + fy) 
    console.log('X offset to page: ' + px) 
    console.log('Y offset to page: ' + py) 
})