Hi, I am unable to fetch information from securestore.
Code:
import * as React from ‘react’;
import * as SecureStore from ‘expo-secure-store’;
import { Input, Container, Content, Form, Item, Label, Button, Text, ListItem } from ‘native-base’;
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = { mobilenumberinput: ‘’, showtextvalue: ‘InitialText’ };
}
onClickListener = (viewId) => {
if ( viewId == ‘Store’ ) {
const mobnoinput = this.state.mobilenumberinput;
console.log('mobnoinput: ', mobnoinput);
SecureStore.setItemAsync(‘mobilenumber’, mobnoinput);
console.log('mobilenumberinput: ',this.state.mobilenumberinput);
console.log('showtextvalue: ',this.state.showtextvalue);
}
else if ( viewId == ‘Show’ ){
const fetched = SecureStore.getItemAsync(‘mobilenumber’);
console.log('fetched: ', fetched);
console.log('mobilenumberinput: ',this.state.mobilenumberinput);
console.log('showtextvalue: ',this.state.showtextvalue);
}
}
render() {
return (
<Label style={{ color: ‘blue’, fontFamily: ‘Roboto-medium’ }}>Mobile Number
<Input keyboardType={‘numeric’}
value={this.state.mobilenumberinput}
onChangeText={value => this.setState({ mobilenumberinput: value })}
/>
<Button
style={{ alignSelf: ‘center’, marginTop: 30 }}
onPress={() => this.onClickListener(‘Store’)}
>
<Text
style={{ fontSize: 18, color: ‘white’, fontFamily: ‘Roboto-medium’ }} uppercase={false}
>Store
<Button
style={{ alignSelf: ‘center’, marginTop: 30 }}
>
<Text
style={{ fontSize: 18, color: ‘white’, fontFamily: ‘Roboto-medium’ }} uppercase={false}
onPress={() => this.onClickListener(‘Show’)}
>Show
<Text
style={{ fontSize: 18, color: ‘blue’, fontFamily: ‘Roboto-medium’ }} uppercase={false}
>{ this.state.showtextvalue }
);
}
}
fetched output:
fetched: ▼{_40:0,_65:0,_55:null,_72:null}