Javascript 如何在react native中添加标题后面的图像?

Javascript 如何在react native中添加标题后面的图像?,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我想在标题后面添加图像,但我如何才能做到这一点?我已经使标题透明,但现在我想把图像放在它下面(见截图1)。我还尝试为图像添加位置:“绝对”和上、下、左、右,但不起作用为什么 代码: 截图1: 尝试在样式中使用zIndex和Position的组合 就像这样 1:将标题设置为 screen: ProjectDetailsScreen, navigationOptions: ({ navigation }) => ({ headerStyle: {

我想在标题后面添加图像,但我如何才能做到这一点?我已经使标题透明,但现在我想把图像放在它下面(见截图1)。我还尝试为图像添加
位置:“绝对”和上、下、左、右
,但不起作用为什么

代码:

截图1:


尝试在样式中使用zIndex和Position的组合

就像这样

1:将标题设置为

screen: ProjectDetailsScreen,
    navigationOptions: ({ navigation }) => ({
        headerStyle: {
            position:'relative',
            zIndex: 1
        },
      headerTransparent: true
    })
    // this will cause header on the top and make the rest of design in below part
     lowerViewContainerStyle:{
            position:'absolute',
            zIndex: 0
     }

尝试在样式中使用zIndex和Position的组合

就像这样

1:将标题设置为

screen: ProjectDetailsScreen,
    navigationOptions: ({ navigation }) => ({
        headerStyle: {
            position:'relative',
            zIndex: 1
        },
      headerTransparent: true
    })
    // this will cause header on the top and make the rest of design in below part
     lowerViewContainerStyle:{
            position:'absolute',
            zIndex: 0
     }

添加
headerTransparent:true
内部导航选项解决了问题

代码:

navigationOptions: ({ navigation }) => ({    
      headerTransparent: true
})

添加
headerTransparent:true
内部导航选项解决了问题

代码:

navigationOptions: ({ navigation }) => ({    
      headerTransparent: true
})

兄弟,请试试我的解决办法!兄弟,请试试我的解决办法!如果我尝试在headerStyles中添加top、left、right、bottom和position:“absolute”,它会给出警告,说它对headerStyles没有影响,所以它不起作用。因此
headerTransparent:true
效果很好。位置和zIndex有助于将图像放在标题后面,也有助于将较低的标题放在顶部索引上!你能在这里帮我一下吗:如果我尝试在headerStyles中添加top、left、right、bottom、position:“absolute”(绝对)字样,它会发出警告,说它对headerStyles没有影响,所以它不起作用。因此
headerTransparent:true
效果很好。位置和zIndex有助于将图像放在标题后面,也有助于将较低的标题放在顶部索引上!你能帮我一下吗