React Native: How to detect device lock/unlock event?

Question

Concept:

My application needs to record user activities on phone. Activities contain Foreground, Background, Kill, Lock and Unlock.

What I did:

I am able to record application's Foreground, Background and Kill states using AppState library.

Requirement:

I need to perform actions on device Lock/Unlock states. Unfortunately I am unable to listen device lock and unlock event in above library.

Any help would be appreciated.

score 2 · Accepted Answer · answered Nov 07 '17 at 05:51

2

Since that day I couldn't find any way to detect Lock/Unlock event in React native.

Solution:

We've created sample modules in Android and iOS separate (Native code to get Lock/Unlock events)
Using Android studio / XCode we've exported as React native modules
Imported these modules in React native

It works fine for us.

Hope this would help you.

answered Nov 07 '17 at 05:51

Hiren Patel

52,124
21
173
151

Do you have these modules in github or some place public? – dx_over_dt Dec 14 '17 at 19:14
Yes. But not as of now. Can provide in weekend. – Hiren Patel Dec 15 '17 at 05:26
Are they available now? @HirenPatel – Aidan Hoolachan Feb 21 '18 at 15:50
@HirenPatel can you please provide sample for this? – Sagar Oct 04 '19 at 11:42
@HirenPatel Would love to see that as well – mklb Feb 17 '20 at 15:11
@HirenPatel would you be able to provide the sample repo? Thanks. – Compaq LE2202x Oct 22 '20 at 09:15
Hey I have faced same problem can you please share your code? – osama somy Feb 14 '21 at 11:14

score 0 · Answer 2 · answered Aug 17 '17 at 15:42

Your app is pretty much a sandbox within your device. Listening to unlock states is not tied to anything within your app.

Your next best hope is to do something like this, but I would not recommend it as it most likely violates private API's (This is iOS only): https://stackoverflow.com/a/14271705/1363779

React Native: How to detect device lock/unlock event?

2 Answers2

Linked