react-native-sensitive-info 无法读取未定义的属性 setItem

Question

Issue

react-native-sensitive-info isn't working on iOS, I keep getting the error "setItem is undefined" because it seems SInfo is not loading properly.

I can launch perfectly on Android though.

What I've tried

I've tried multiple different values and placing it in many different points in my code. Currently I'm using the first example outlined on their Github and it's still not working.

Code

import React from 'react';
import { 
  StyleSheet, 
  AsyncStorage 
} from 'react-native';

import firebase from 'react-native-firebase';
import SInfo from 'react-native-sensitive-info';
import SplashScreen from 'react-native-splash-screen';
import AppContainer from './Components/BottomTabNav';


export default class App extends React.Component {
  constructor(props) {
    super();
    this.state = {
       userData: {}
    };
      SInfo.setItem('key1', 'value1', {
          sharedPreferencesName: 'mySharedPrefs',
          keychainService: 'myKeychain'
        }).then((value) =>
          console.log(value) //value 1
        )
  }

If anyone has any suggestions that would be great! Thanks in advance for your help!

Answer 1

It's seems to a be quirk of the library on iOS where protected data isn't always available on app start...

See issue (unresolved): https://github.com/mCodex/react-native-sensitive-info/issues/326

See comment in library code: https://github.com/mCodex/react-native-sensitive-info/blob/master/ios/RNSensitiveInfo/RNSensitiveInfo.m#L263

The less than ideal workaround (for now) seems to be to wrap the RNSInfo access in a try catch and keep re-trying until there is no error.

You may need some sort of throttling here though with a limit on the number of retries. You won't want to keep retrying infinitely if there is some other kind of error being thrown.