IOS: BottomTabs menu has top line

[vietdung97]

🐛 Bug Report

Hi Wix team, I am facing an iOS bug that still shows top border on bottomTabs even though I have set borderWidth = 0 It's related to this topic but I haven't found the solution there yet: https://github.com/wix/react-native-navigation/issues/7334

[mvolonnino]

Still have this issue as well running @7.18.1

[thuongtv-vn]

The issue will be resolved by apply 'scrollEdgeAppearance.shadowImage' with options input:

BottomTabsAppearancePresenter:

if (@available(iOS 15.0, *)) {
                childViewController.tabBarItem.scrollEdgeAppearance.shadowImage = [UIImage
                                imageWithSize:CGSizeMake(1.0, [[options.borderWidth withDefault:@(0.1)] floatValue])
                                        color:[options.borderColor withDefault:UIColor.blackColor]];
      }

[nicolaosm]

This works! Thanks @thuongtv-vn