如何实现Coach mark in react native android？

Question

需要在我的React原生应用中实现Coach标记或展示。 谷歌搜索后，我没有得到任何可以获得帮助的代码或库。

任何人都可以建议我如何在反应中实现Coach标记？

示例：

我不想覆盖具有透明度的屏幕截图类型图像。因为当应用程序在横向模式下运行时会产生问题。对于这种方法，我需要将所有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>
    );
  }
}