React native 模态上没有指针事件
有没有办法将React native 模态上没有指针事件,react-native,pointer-events,React Native,Pointer Events,有没有办法将模式上的点事件设置为无?我试图在父视图的边界之外渲染子视图,唯一的方法是使用模式。忽略子级上的pointerEvents似乎不起作用 <View> <View style={{flex: 1, backgroundColor: 'red'}}></View> <Modal animationType='fade' transparent={true} visible={true} pointerEven
模式上的点事件
设置为无
?我试图在父视图的边界之外渲染子视图,唯一的方法是使用模式。忽略子级上的pointerEvents
似乎不起作用
<View>
<View style={{flex: 1, backgroundColor: 'red'}}></View>
<Modal
animationType='fade'
transparent={true}
visible={true}
pointerEvents='none'>
<View style={{flex:1, alignItems: 'center', justifyContent: 'center'}} pointerEvents='none'>
</View>
</Modal>
</View>
我不知道你是不是这个意思,因为你的描述对我来说不够清楚。。。但不久前我还需要一个模式,如果我点击应用程序中的任何地方,它都不应该关闭,但前提是我做了一个给定的动作(对我来说,这是一个模式中的按钮点击,在给定的点击路径之后)
下面是我解决它的方法:我使用react native modalbox
,这对它来说做得非常好
使用大量可能的选项,您还可以处理模态的单击行为
一个小例子:
import Modal from 'react-native-modalbox';
...
...
<Modal
style={[styles.audioToolbarModal, styles.audioToolbarBottomModal]}
position="bottom"
backdrop
swipeToClose={false}
coverScreen
onOpened={() => this.startRecording()}
isDisabled={modalIsDisabled}
ref={(ref) => { this.audioToolbar = ref; }}
>
从'react native modalbox'导入模态;
...
...
this.startRecording()}
isDisabled={modalIsDisabled}
ref={(ref)=>{this.audioToolbar=ref;}}
>
您可能需要的属性是“isDisabled”(通过状态将其设置为切换),以及swipeToClose={false}
我希望这能帮你解决问题。你能解决吗。。。我试过用高度,边距。。。没什么,嗨,你能弄明白吗?我也需要这样做。你使用的是哪种模式?