react-native - 如何在 React Native android 中实现 Coach 标记？

Question

关闭。这个问题需要更多focused .它目前不接受答案。












想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post .

3年前关闭。




Improve this 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>
    );
  }
}