React Native模态闪烁时设置可见为false在IOS模拟器?

Question

当将可见模态设置为false时，模态闪烁，特别是在<Animated.view>组件上，我有问题。我已经尝试了这个github问题的所有解决方案(https://github.com/react-native-modal/react-native-modal/issues/268)，但没有人解决我的问题。这个问题只发生在IOS模拟器中，但在android模拟器中可以正常工作。

这是我的模式代码

<Modal
animated
animationIn="fadeIn"
animationOut="fadeOut"
backdropTransitionOutTiming={0}
visible={visible}
transparent
onRequestClose={handleDismiss}>
<View style={styles.overlay}>
{this.renderOutsideTouchable()}
<Animated.View
style={{
...styles.container,
transform: [{translateY: translateY}],
}}
>
{this.renderTitle()}
{this.renderContent()}
{this.renderButton()}
</Animated.View>
</View>
</Modal>

有人遇到同样的问题并解决了吗?

Answer 1

将这些道具添加到您的Modal中。它应该解决闪烁问题。我就是这样解决的。

backdropTransitionOutTiming={0}
hideModalContentWhileAnimating

这是我的设置，两边都没有闪烁

<Modal
onBackdropPress={toggleModal}
backdropColor="#344356"
backdropOpacity={0.7}
animationIn="fadeIn"
isVisible={isModalVisible}
style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}
backdropTransitionOutTiming={0}
hideModalContentWhileAnimating
statusBarTranslucent
>
{children}
</Modal>

Answer 2

设置

backdropTransitionOutTiming={0} 

解决了这个问题。这对我来说根本不影响动画。