javascript - 如何在 React Native 中模糊文本

Question

问题很简单。我有一个带有文本组件的 View 。我只是想让这段文字最初变得模糊。我看到的在 React Native 中模糊某些内容的唯一解决方案是通过这个“react-native-blur”来获取图像。

如何在 React Native 中模糊文本组件？

信息:我只想制作一个用户无法直接看到答案(通过模糊)的应用程序。

Answer 1

如果您不想安装 react-native-blur/expo-blur 或者它不适合您，这是一个模仿的解决方法/黑客View 中文本的模糊外观。可以根据需要调整这些值。

<View
  style={{
    height: 3,
    width: 70,
    shadowOpacity: 1,
    shadowColor: '#000',
    shadowOffset: { width: 10, height: 10 },
    shadowRadius: 5,
    elevation: 5,
    borderWidth: 0.5,
    borderColor: "white",
    backgroundColor: "rgba(255, 255, 255, 1)"
  }}
/>