grahammendick / navigation

Scene-Based Navigation for React and React Native
https://grahammendick.github.io/navigation/
Apache License 2.0
570 stars 40 forks source link

ios how to disable navigation borderline #720

Closed salisuabubakar closed 11 months ago

salisuabubakar commented 11 months ago

Hi, is it possible to disable the borderline in ios navigation ? below is a picture of the borderline. Thanks

6QqBy

grahammendick commented 11 months ago

Hey, I don't see any border

<View style={{flex: 1, backgroundColor: 'lightblue'}} />

image

salisuabubakar commented 11 months ago

Hi, thanks for your response. When you set:

<NavigationBar title="Action movies" backTitle='Action' titleFontWeight={"bold"} largeTitle={true} titleFontFamily={"GoogleSans-Bold"} titleColor={'#ffffff'} barTintColor={'black'} navigationAccessibilityLabel="Action movies" tintColor={"#ffffff"} onNavigationPress={() => stateNavigator.navigateBack(1)}> <StatusBar tintStyle='light' barTintColor={Platform.OS == "android" ? "black" : 'black'} />

You will will see 1px gray borderline. Thanks

grahammendick commented 11 months ago

Remove the barTintColor prop and set the backgroundColor on the SafeAreaView instead

<>
  <NavigationBar title="Action movies" />
  <SafeAreaView style={{flex: 1, backgroundColor: 'lightblue'}} />
</>

image

grahammendick commented 11 months ago

I'll close this but let me know if you have any further questions