我想在React本机导航的图像中根据下面的内容给标题加上框阴影

Question

我想给框阴影的标题，根据下面的图片在反应原生导航，并在给予borderBottomRadius后，有一点白色显示从右侧和左侧，我想删除该颜色，并希望使其根据home.js的背景颜色。

header的代码如下：

const stackNav = createStackNavigator({
Home : {
  screen: Routes.Home,
  navigationOptions: ({navigation}) => ({
    title: "Home",
    headerTitleStyle: {
      fontWeight: '600',
      color: '#e91e63',
    },
    headerStyle:{
      borderBottomLeftRadius:10,
      borderBottomRightRadius:10,
    },
    headerLeft:(<TouchableOpacity onPress={() => navigation.openDrawer()}>
                  <View style={{
                    paddingLeft: 15
                  }}>
                    <IOSIcon
                      name="ios-menu"
                      size={40}
                      color='#e91e63'
                    />
                  </View>
                </TouchableOpacity>
    ),
  })
}
});

这是Home.js

import React from 'react';
import { View,Text, StyleSheet,Dimensions } from 'react-native';

class Home extends React.Component {


render() {
return(
    <View style={styles.container}>
        <Text>Home.js</Text>
    </View>
)
}
}

export default Home;


const styles = StyleSheet.create({
container:{
    backgroundColor:'#F0F3F5',
    flex:1,
}
})

我想在标题框阴影中做什么

​

想要去掉那个标记区域或根据Home.js颜色改变颜色

​

Answer 1

由于您没有提供任何代码，我们只能猜测。

也许你在父容器(包装器)中添加了长方体阴影而不是白色的圆形‘盘子’？