如何覆盖组件视图到主屏幕反应本机?

时间:2019-09-25 14:17:53

标签: react-native

我正在尝试创建通知屏幕,并且在应用栏中有一个图标。对于标题,我使用的是“ react-native-flat-header”。一切正常,但是按通知图标,我需要打开一个框,其中将显示通知列表。

我正在尝试显示框屏幕,但没有在标题组件中显示出来。

我需要设计

enter image description here

这是我的标头组件:

<FlatHeader
    <View style={styles.notification}>
                                        <View style={styles.triangle}/>
                                    </View>
/>
notification:{
        right: 70,
        top:20
    },
    triangle: {
        width: 0,
    height: 0,
    backgroundColor: 'transparent',
    borderStyle: 'solid',
    borderLeftWidth: 10,
    borderRightWidth: 10,
    borderBottomWidth: 20,
    borderLeftColor: 'transparent',
    borderRightColor: 'transparent',
    borderBottomColor: 'red',

        //position:'absolute',
        zIndex: 1,
        position: 'absolute'
    },

0 个答案:

没有答案