Question

我正在使用react-native-blur来模糊反应原生的视图，但它在this issue状态的模态中不起作用。

我已经通过在imageLoad之后设置超时来尝试评论中建议的想法，但它仍然没有模糊。

有没有解决方法？为什么它在模态之外工作但不在模态中？反应原生模式渲染的区别是什么？不幸的是，这是我的应用程序的一部分，我必须成功。

由于

编辑：我做的不同。由于blurRadius正在为模态中的android上的图像工作，我使用图像组合来准确显示我想要的图像。

Answer 1

也许对其他人有用，我尝试了react-native-blur解决方案，但也陷入困境。最终这对我来说很好：

<Modal
      animationType={'fade'}
      transparent={true}
      visible={this.state.modalVisible}
      onRequestClose={() => {
        this.setState({ modalVisible: false });
      }}
    >
      <View
        style={{
          position: 'absolute',
          width: '100%',
          height: '100%',
          justifyContent: 'center',
          backgroundColor: 'rgba(100,100,100, 0.5)',
          padding: 20,
        }}
      >
        {this.props.modalContent}
      </View>
</Modal>

代码的其余部分可以在react native模式的文档中找到：https://facebook.github.io/react-native/docs/modal

模态

1 个答案: