React native 如何在React Native中创建背景模糊的TextInput

我在React Native中设置TextInput块的样式时遇到问题

我的目标是输入相同的模糊效果背景+模糊

现在我的代码是：

<View style={styles.controll}>
 <View style={styles.inputWrapper}>
    <BlurView intensity={10}>
       <TextInput style={styles.emailInput} />
    </BlurView>
 </View>
 <View style={styles.inputWrapper}>
    <BlurView intensity={10}>
        <TextInput style={styles.passInput} />
    </BlurView>
 </View>
</View>

我的风格是：

const styles = StyleSheet.create({
  inputWrapper: {
    width: "100%",
    height: 75,
    backgroundColor: "rgba(20, 15, 38, 0.648579)",
    filter: "blur(44.119)",
    borderRadius: 20,
    position: "relative",
    overflow: "hidden",
    marginBottom: 25
  },

  emailInput: {
    height: "100%",
    backgroundColor: "transparent"
  },
  controll: {
    flex: 2,
    width: "100%",
    flexDirection: "column",
    justifyContent: "flex-end",
    alignItems: "center"
    // backgroundColor: "red"
  },

});

为了达到预期效果，应该添加哪些样式或库？谢谢

const styles = StyleSheet.create({
  inputWrapper: {
    width: "100%",
    height: 75,
    backgroundColor: "rgba(20, 15, 38, 0.648579)",
    filter: "blur(44.119)",
    borderRadius: 20,
    position: "relative",
    overflow: "hidden",
    marginBottom: 25
  },

  emailInput: {
    height: "100%",
    backgroundColor: "transparent"
  },
  controll: {
    flex: 2,
    width: "100%",
    flexDirection: "column",
    justifyContent: "flex-end",
    alignItems: "center"
    // backgroundColor: "red"
  },

});