react-native-on-layout

2.0.2 • Public • Published

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.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 2.0.2
    112
    • latest

Version History

Package Sidebar

Install

npm i react-native-on-layout

Weekly Downloads

117

Version

2.0.2

License

MIT

Last publish

Collaborators

  • shichongrui