如何使用异步存储实现 "remind me later" 按钮？

Question

我的项目中有modulke，在成功操作汇款后调用。运行成功后，我建议用户对应用进行评价。而且每次运行成功后都会调用app evaluation，有点烦人。如何添加“稍后提醒我”按钮并使用异步存储实现它？提前谢谢你！

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 1

是的，异步存储是您可以在存储中放置一个标志并记住用户选择的答案，或者另一种方法是将其存储在后端但不推荐

Answer 2

首先初始化您将使用的存储密钥并将其设置为 false AsyncStorage.getItem('RemindMeLater', (err, result) => !result && AsyncStorage.setItem('RemindMeLater', false))

按下稍后提醒我按钮时，您可以通过以下方式将存储设置为真 AsyncStorage.setItem('RemindMeLater', true)

然后在需要再次显示模式时检查存储AsyncStorage.getItem('RemindMeLater', (err, result) => result ? this.setState({isModalOpen:true}) : null)

如何使用异步存储实现 "remind me later" 按钮？

how do I implement the "remind me later" button using async storage?

javascript

reactjs

react-native

asyncstorage