Get size of a View in React Native

by

As of React Native 0.4.2, View components have an onLayout prop. Pass in a function that takes an event object. The event’s nativeEvent contains the view’s layout.

<View onLayout={(event) => {
  var {x, y, width, height} = event.nativeEvent.layout;
}} />

The onLayout handler will also be invoked whenever the view is resized.

The main caveat is that the onLayout handler is first invoked one frame after your component has mounted, so you may want to hide your UI until you have computed your layout.

More Related Contents:

  1. React Native: How to select the next TextInput after pressing the “next” keyboard button?
  2. Print: Entry, “:CFBundleIdentifier”, Does Not Exist
  3. NSPhotoLibraryUsageDescription key must be present in Info.plist to use camera roll
  4. React Native Responsive Font Size
  5. Get current scroll position of ScrollView in React Native
  6. Is it possible to combine React Native with socket.io
  7. react-native iOS app not showing static/local assets (images) after deploying
  8. how to disable rotation in React Native?
  9. What is the meaning of ‘No bundle URL present’ in react-native?
  10. How to set iOS status bar background color in React Native?
  11. How can I regenerate ios folder in React Native project?
  12. React Native ios build : Can’t find node
  13. react-native ios Podfile issue with “use_native_modules!”
  14. library not found for -lDoubleConversion
  15. React Native XCode Project Product Archive Fails with duplicate symbols for architecture arm64
  16. React-native iOS not showing images (pods issue)
  17. React-Native iOS – How can I navigate to a non-React-Native view (native iOS view controller) from a React-Native view with a button press?
  18. Label doesn’t show text
  19. Understanding NSRunLoop
  20. iOS: Issue with ampersand in the URL string
  21. How is layoutIfNeeded used?
  22. How to remove cache in WKWebview?
  23. How to change the tint color of the clear button on a UITextField
  24. How can I programmatically determine if my app is running in the iphone simulator?
  25. The bundle’s Info.plist does not contain a CFBundleVersion key or its value is not a string
  26. How to mask UIViews in iOS
  27. Blocks on Swift (animateWithDuration:animations:completion:)
  28. How To Get HTML source from URL with Swift
  29. Can we add text, shape and signature in Photo Markup with Pencil Kit?
  30. Is it ok to place most logic and models in the appDelegate?

Leave a Comment