React Native: How to prevent an onLayout function from being called on every re-render

Question

My React Native component has a prop this.props.a that gets updated every 60s elsewhere in the app. Within this component, I have a <View> with an onLayout() function. This onLayout gets called every 60s when the props are updated. Is there a way to get it to be called only the first time the component is rendered, and not on subsequent re-renders?

https://stackoverflow.com/questions/12713564/function-in-javascript-that-can-be-called-only-once - looking for this? — A G, May 04 '22 at 03:23

score -1 · Answer 1 · answered May 04 '22 at 09:31

-1

Yes! <View onLayout={()=> onLayout()}/> This part ()=>will prevent the onLayout function form being called on render.

Hope this helps! /W

answered May 04 '22 at 09:31

William O'Brien

51
7

somehow this indeed helps. lol – Bryan Lumbantobing Apr 01 '23 at 16:42

React Native: How to prevent an onLayout function from being called on every re-render

1 Answers1