Out of memory Application crash React Native

Question

Using React Native 0.33 After some seconds, the application stops (only tested on Android)

Looking at the android logs I get :

I have no idea how to examine the problem.

score 12 · Accepted Answer · answered Sep 26 '16 at 03:11

12

this fixes my issue:

Add this to your "android/app/src/main/AndroidManifest.xml"

<application android:largeHeap="true"

ref: https://github.com/facebook/react-native/issues/6799

answered Sep 26 '16 at 03:11

TeYoU

844
7
13

10

android:largeHeap="true" doing this without inspecting whats using more memory is never a good idea, it basically just delays and hides potential memory issues like memory leaks. – AmeyaB Jan 12 '18 at 22:00
1

@AmeyaB What is a better way to fix this? – Grez.Kev Feb 06 '18 at 04:13
3

is there a largeHeap option for iOS on react native? – Juan Felipe Gomez Oct 18 '21 at 15:47
add leakCanary to detect memory leaks and try to fix it. enabling largeHeap should be the solution only if you genuinely need more memory.(example games) – abbas.aniefa May 26 '23 at 11:48

Aniket Rane · Answer 2 · 2020-08-22T15:47:30.120

Using the below might help you

    <application android:largeHeap="true">

But you might need to check your application for possible memory leaks. for eg:

Unreleased timers/listeners added in componentDidMount
Closure scope leaks.
Large image sizes.
Use of global variables.

We were facing the same issues with our react native app. It took us a lot of time and effort in making our apps somewhat stable. You can check out this blog which helped us a lot https://blog.swmansion.com/hunting-js-memory-leaks-in-react-native-apps-bd73807d0fde

Update: Loading large amount of data in API continuously was putting load on the RAM at least on low end devices causing Out of Memory issues. You will need to clean this up as well and find a better and optimised way to load data.

score 0 · Answer 3 · answered May 23 '20 at 06:35

For Android: in manifest file Android tag

application android:largeHeap="true" 
android:hardwareAccelerated="true"

For iOS :Bundle React Native code and imagessection under the Build Phases

export NODE_BINARY=node 
export NODE_ARGS=--max-old-space-size=8192
export NODE_OPTIONS=--max-old-space-size=8192
../node_modules/react-native/scripts/react-native-xcode.sh

Also if your app loading image from web then use below lib

https://github.com/fungilation/react-native-cached-image

Out of memory Application crash React Native

3 Answers3

Linked