Tengo una lista plana en reaccionar nativo que tiene elementos que se expanden y colapsan (al igual que el menú desplegable), por lo que cada vez que se hace clic en un elemento para expandir, si el contenido de los elementos se desborda en la pantalla. Quiero desplazar el elemento para que su el contenido es totalmente visible. ¿Cómo puedo implementar eso?
Puede usar la measure para obtener el desplazamiento del elemento, luego use scrollToOffset
<Component ref="myComponent /> // Print component dimensions to console this.refs.myComponent.measure( (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) })