主要渲染:
render() {
return (
<View>
<FlatList
ListEmptyComponent={() => <DialogBox type="internet" />}
...
</View>
);
<DialogBox type="internet" />
通过绝对位置设置样式的容器:
export const dialogBox = EStyleSheet.create({
container : {
position: 'absolute',
justifyContent: 'center',
alignItems: 'center',
top: 0,
left: 0,
right: 0,
bottom: 0,
zIndex:10000
},
....
和对话框:
<View style={dialogBox.container}>
<View style={dialogBox.box}>
...
如果我删除absolute
表单容器,它会显示。但我想在屏幕中间(不是平面列表中间)显示它。
但是为什么绝对不能使用 zIndex 呢?
我尝试将代码更改为:
<View style={{position: 'absolute',zIndex:1}}>
<FlatList
style={{position: 'absolute',zIndex:2}}
或这个:
<View style={{position: 'relative'}}>
<FlatList
style={{position: 'relative'}}
但这不起作用