react-native-on-layout

A component for React Native that allows easy access to a view's rendered size

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-native-on-layout
2.0.25 years ago5 years agoMinified + gzip package size for react-native-on-layout in KB

Readme

react-native-on-layout
Having to get a components rendered dimensions is a pretty common pattern in React Native and this is a component that makes doing so easy.
import OnLayout from 'react-native-on-layout'

<OnLayout>
    {({ width, height}) => (
        <Text>{width} {height}</text>
    )}
</OnLayout>
OnLayout renders a View component to do onLayout so you can pass any View prop to OnLayout and it will pass them as props to the rendered View component.