如何在React Native中的标题后面添加图像？

Question

我想在标题后面添加图像，但是我该怎么做呢？我已经使标题透明，但是现在我想将图像放置在其下方（请参见屏幕截图1）。我还尝试为图像添加position: 'absolute' and top,bottom,left,right，但是为什么不起作用？

代码：

screen: ProjectDetailsScreen,
        navigationOptions: ({ navigation }) => ({
            headerStyle: {
                backgroundColor: 'transparent'
            },
            headerTitle: navigation.state.params.title,
        }),

屏幕截图1：

Answer 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
     }

Answer 2

在navigationOptions中添加<form formGroupName="myForm"> <div *ngFor="let control in model"> <input [formControlName]="control.name" [placeholder]="control.placeholder"/> </div> </form> 解决了该问题。

代码：

headerTransparent: true