Question

我已经有了本机的模型视图，可以从设置中的按钮访问，我希望它在第一次使用应用程序时弹出。换句话说，我对视图本身没有任何问题，只是功能。

我已经考虑过用户React-native-simple-store，但似乎应该有一种更简单的方法。

谢谢，埃里克

Answer 1

要弹出模态，您必须设置其可见道具：

const value = AsyncStorage.getItem('once');

if (value !== null) {
  value.then((ret) => {
    if (ret === null) {
      // this is the first time
      // show the modal
      // save the value

      AsyncStorage.setItem('once', 'yes');
      this.setState({
         showModal: true,
      });

    } else {
      // this is the second time
      // skip the modal

    }
  }).catch(err => alert(err.toString()));
}

如果将此值保存到AsyncStorage或任何数据库（如RealmDB或Sqlite），则可以始终读取该值，然后仅进行一次模态显示。把它放在componentDidMount：

中

<Modal visible={this.state.showModal} ...

在你的模态中：

this.state = {showModal: false}

在你的构造函数中：

{{1}}

仅展示一次React Native应用程序介绍？

1 个答案: