showing results for - "react native navigation remove top header screen"
Isabella
25 Feb 2019
1// This using the @react-navigation/material-top-tabs from the
2// stackoverflow source...
3export default class Login extends Component {
4    static navigationOptions = {
5        header: null
6    }
7}
8// Didn't work for me but it did give me a clue. I ended up
9// setting the header to return a basically a blank
10setTimeout(() => {
11    navigation.setOptions({
12      header: () => (
13        <View style={{ backgroundColor: "white" }}>
14          <Text
15            style={[
16              { color: "white" },
17              Platform.OS === "android" ? { fontSize: 20 } : { fontSize: 1 }
18            ]}
19          >
20            .
21          </Text>
22        </View>
23      )
24    });
25  }, 1);
26// Note: in iOS sumulation, I had to tweak the initial fontSize
27// to get it to not show on reload... Hence the addition of the
28// setTimeout. Yes there is a blink, but now at least I don't
29// have to do the tweak to start with. Not sure if this really
30// works on an iOS device. Don't have a real one to test on.
31
queries leading to this page
react native remove navigator headerreact native rerender list without reseting view positionreact native remove header barreact navigation screen remove top headerhow to remove header in react native navigation stahide react native navigation headerreact native navigation hide headerreact native navigation remove header titlereact navigation remove header titlereact native combine drawer and tab bottom navigationtitle header remove in react native navigationhow to remove navigation header in react nativeremove header in tab navigation react nativereact native navigation header for all screenstab navigation remove header react nativereact native navigation how to remove header bottom linehow to remove the header of a tab navigator screen in react nativehow to remove header of navigation in react nativehow to remove header from navigation screen in react native navigationreact native remove header from navigationhide screen name in top header react bottom navigationremove header from navigation stack react nativereact native navigation header title removehow to remove header of navigation 5 in react nativereact native navigation remove header takes content upreact native remove navigation headeradd button in navigation bar react nativeremove stackscreen header react nativestack navigator react native remove headerreact native navigation hide header for pagereact native stack navigator remove headerreact native navigation header remove title navigation react native remove headerdelete header from react native navigationreact native navigation header title going off screenreact native navigation remove top header screenreact native navigation 5 remove headerhow to turn off the header stack navigation react nativehow to remove navigation header in react native 5react native navigation remove certain headerhow to remove default header in react native for stacked screenreact navigation 5 remove headerremove header stack navigator react nativereact native navigation change header react navigation how to remove top title for screenremove navigation header react nativereact native navigation stack remove headerreact native navigation android how to remove headernavigation stack remove header react nativereact navigation remove header of screenreact native remove headerreact native remove header from react native navigationreact navigation disable header on screenhow to remove the header in tab navigator screen in react nativeremove header from a screen react navigation 5remove header from screen react navigationhide header react native navigationin some screen remove top header navigator bar in react ntivereact native navigation dont show header but show backbuttonreact native navigation replace full headerreact navigation turn off header for one pagereact native navigation remove headerhow to remove screen header in react navigationremove header on screen react native navigatoinhow to remove header from navigation screen in react nativereact native navigation disable headerreact native navigation remove top header screen