How to detect screen lock set or not in react native

Copy 
1npm install --save react-native-device-info

Copy 
1npx react-native link react-native-device-info

Copy 
1import DeviceInfo from 'react-native-device-info';
2
3
4DeviceInfo.isPinOrFingerprintSet().then((isPinOrFingerprintSet) => {
5  if (!isPinOrFingerprintSet) {
6    // ...
7  }
8});

Copy 
1import React, { Component } from 'react';
2import {
3  StyleSheet,
4  View,
5  Text,
6  SafeAreaView,
7} from 'react-native';
8import DeviceInfo from 'react-native-device-info';
9
10class App extends Component {
11
12  constructor(props) {
13    super(props);
14
15    this.state = {
16      passwordLock: false
17    }
18  }
19  
20
21  componentDidMount(){
22    DeviceInfo.isPinOrFingerprintSet().then((isPinOrFingerprintSet) => {
23      if (isPinOrFingerprintSet) {
24        this.setState({passwordLock: true});
25      }
26    });
27  }
28
29  
30
31  render() {
32    const { passwordLock } = this.state;
33    return (
34      <SafeAreaView style={{ flex: 1 }}>
35        <View style={styles.container}>
36          <Text>Device have password lock</Text>
37          <Text>{`${passwordLock}`}</Text>
38        </View>
39      </SafeAreaView>
40    );
41  }
42}
43
44const styles = StyleSheet.create({
45  container: {
46    flex: 1,
47    alignItems: 'center',
48    marginTop: 20,
49    backgroundColor: '#ffffff',
50  },
51});
52
53export default App;