react-native - React Native Onboarding 屏幕

Question

在 React Native 应用程序上实现 Onboarding(或 Welcome)屏幕的最佳方式是什么？屏幕必须有一个 slider View 以在介绍点之间滑动，并且某些系统必须存储“显示一次”标志。我可以看到如何用 Vanilla 代码实现它，但可能存在完整的组件？

Answer 1

是的，存在完整的组件:https://github.com/jfilter/react-native-onboarding-swiper . (我是作者)

在最基本的情况下，您为每个页面提供图像、标题和副标题。

要保存标志，请使用 AsyncStorage .启动主屏幕时，检查标志并导航到入职屏幕。完成后，设置标志并导航到主屏幕。参见例如:

async componentWillMount() {
  const value = await AsyncStorage.getItem('@SKIP_INTRO');
  if (value === null || value !== 'true') {
    this.props.navigateToIntro();
  }
}