如何实现Coach mark in react native android？

Question

它需要在我的React本机应用程序中实现Coach标记或展示.谷歌搜索后,我没有得到任何可以获得帮助的代码或库.

任何人都可以建议我如何实现Coach mark in native native？

例:

我不想覆盖具有透明度的屏幕截图类型图像.因为当应用程序在横向模式下运行时会产生问题.对于这种方法,我需要将所有DPI图像保存在各自的文件夹中.

我需要适当的通用解决方案.请帮忙.

Answer 1

有一个现成的解决方案。

您可以尝试：React Native Joyride（npm install --save react-native-joyride）

您可以在这里找到完整的工作解决方案：https : //github.com/okgrow/react-native-co-pilot

就像下面的代码一样简单：

import { joyride, joyridable, JoyrideStep } from 'react-native-joyride';

const JoyrideText = joyridable(Text);

class HomeScreen {
  render() {
    return (
      <View>
        <JoyrideStep text="This is a hello world example!" order={1} name="hello">
          <JoyrideText>Hello world!</JoyrideText>
        </JoyrideStep>
      </View>
    );
  }
}