react-native - 如何在反应原生android中实现Coach标记？

Question

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

任何人都可以建议我如何在 React Native 中获得 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>
    );
  }
}