react navigation turn off header for one page code example
Example: react native navigation remove top header screen
// This using the @react-navigation/material-top-tabs from the
// stackoverflow source...
export default class Login extends Component {
static navigationOptions = {
header: null
}
}
// Didn't work for me but it did give me a clue. I ended up
// setting the header to return a basically a blank
setTimeout(() => {
navigation.setOptions({
header: () => (
<View style={{ backgroundColor: "white" }}>
<Text
style={[
{ color: "white" },
Platform.OS === "android" ? { fontSize: 20 } : { fontSize: 1 }
]}
>
.
</Text>
</View>
)
});
}, 1);
// Note: in iOS sumulation, I had to tweak the initial fontSize
// to get it to not show on reload... Hence the addition of the
// setTimeout. Yes there is a blink, but now at least I don't
// have to do the tweak to start with. Not sure if this really
// works on an iOS device. Don't have a real one to test on.