how do I implement the “remind me later” button using async storage? Code Answer

Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of how do I implement the “remind me later” button using async storage? without wasting too much if your time.

The question is published on by Tutorial Guruji team.

there are modulke in my project that is called after a successful operation of money transfer. After a successful operation, I suggest that the user evaluate the app. And the app evaluation is called after each successful operation, which is a bit annoying. How do I add a “remind me later” button and implement it using async storage? thank you in advance!

import React, { Component } from 'react';
import { View } from 'react-native';
import RateModal from 'react-native-store-rating';

export default class RateAppModal extends Component {
  state = {
    isModalOpen: true,
  };

  render() {
    return (
      <View>
        <RateModal
          modalTitle="Оцените наше приложение"
          rateBtnText="Оценить"
          cancelBtnText="Отмена"
          totalStarCount={5}
          defaultStars={0}
          isVisible
          sendBtnText="Отправить"
          commentPlaceholderText="Оставьте комментарий..."
          emptyCommentErrorMessage="Empty comment error message"
          playStoreUrl="market://details?id=com.smb.client.mobile"
          iTunesStoreUrl="itms-apps://itunes.apple.com/app/id1497101549"
          isModalOpen={this.state.isModalOpen}
          storeRedirectThreshold={0}
          style={{
            paddingHorizontal: 30,
          }}
          onStarSelected={(e) => {
            console.log('change rating', e);
          }}
          onClosed={() => {
            console.log('pressed cancel button...');
            this.setState({
              isModalOpen: false,
            });
          }}
          sendContactUsForm={(state) => {
            alert(JSON.stringify(state));
          }}
        />
      </View>
    );
  }
}

Answer

First initialized the storage key you would use and set it to false AsyncStorage.getItem('RemindMeLater', (err, result) => !result && AsyncStorage.setItem('RemindMeLater', false))

When the remind me later button is pressed, you can set the storage to true by AsyncStorage.setItem('RemindMeLater', true)

Then check for the storage when u needed to display the modal again by AsyncStorage.getItem('RemindMeLater', (err, result) => result ? this.setState({isModalOpen:true}) : null)

We are here to answer your question about how do I implement the “remind me later” button using async storage? - If you find the proper solution, please don't forgot to share this with your team members.

Related Posts

Tutorial Guruji