React native 消除react native expo项目中MaterialIcon下方的阴影

我在一个本地项目中有一个堆栈导航器。我已经为这个堆栈添加了一个自定义headerRight，如下面的代码所示。问题是右标题中“添加材质”图标下方的阴影线。我尝试过在各种标题样式中使用阴影相关的样式来移除底部阴影效果，但没有成功

问题：如何删除下面屏幕截图中堆栈标题右侧显示的材质添加图标底部的阴影线

  function FeedStack() {
  return (
    <Stack.Navigator initialRouteName="Feed">
      <Stack.Screen
        name="Feed"
        component={Feed}
        options={(props) => {
          return {
            headerTitle: () => (
              <Header route={props.route} navigation={props.navigation} />
            ),
            headerRight: () => (
              <MaterialIcons
                name="add"
                size={25}
                color="black"
                style={{
                  marginRight: 10,
                  shadowColor: 'transparent',
                  shadowOffset: { height: 0 },
                }}
              />
            ),
            headerStyle: {
              backgroundColor: '#eee',
              shadowColor: 'transparent',
              shadowOffset: { height: 0 },
            },
            headerTitleContainerStyle: { left: 0, shadowColor: 'transparent' },
            headerRightContainerStyle: {
              shadowColor: 'transparent',
              shadowOffset: { height: 0 },
            },
          };
        }}
      />
    </Stack.Navigator>
  );
}

函数FeedStack（）{
返回(
{
返回{
标题：（）=>(
),
头灯：（）=>(
),
头型：{
背景颜色：“#eee”，
阴影颜色：“透明”，
阴影偏移：{高度：0}，
},
headerTitleContainerStyle:{左：0，阴影颜色：'透明'}，
头灯集装箱样式：{
阴影颜色：“透明”，
阴影偏移：{高度：0}，
},
};
}}
/>
);
}