代码之家 › 专栏 › 技术社区 › fun joker

如何在react native中在头后面添加图像?

react-native reactjs javascript

fun joker · 技术社区 · 5 年前

我想在标题后面添加图像,但是我该怎么做呢?我已经使标题透明,但现在我想将图像放在它下面(参见屏幕截图1)。我还试图补充 position: 'absolute' and top,bottom,left,right 但它不起作用为什么?

代码:

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

屏幕截图1:

2 回复 | 直到 5 年前

Rizwan Atta 5 年前

尝试使用 混合了Zindex和风格中的位置 !

就像这样!

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
     }

fun joker 5 年前

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

代码:

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

推荐文章

user19476497 · 如何使用useState修改数组以使其成为React中的常数

2 年前

Muhammad Ashraf · 反应:过滤从具有特定键的对象数组中获取值,并将结果分组到数组中

2 年前

John · 如何确定Javascript自引用循环是否完成[重复]

2 年前

Herc · 将用户信息添加到firebase(注册)react native

2 年前

Bonhart · 有没有更好的方法按名称查找数组中的特定对象?

2 年前

ubermo · 如何在React本机自定义组件中使用状态?

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

Audrey K · 有没有办法降级React Native?

2 年前

user15137953 · 已求解的对象作为React子对象无效。如果要渲染子级集合,请改用数组。反应

2 年前

Tedi · 如何将单个数据从子组件传递到父组件?

2 年前