/Javascript/React/React native navigation remove top header screen

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.

Source: stackoverflow.com

Similar codes

13 votes195 views3 answers
ImageBackground in React Native
Javascript React
4 votes194 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
2 votes220 views2 answers
React 17
Javascript React
1 vote245 views1 answer
React material ui classname
Javascript React
0 vote231 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote256 views1 answer
How to get key from a button in react
Javascript React
0 vote227 views2 answers
React native bordered image drop with shadow fix
Javascript React
0 vote197 views1 answer
Qr code generator in react native
Javascript React
0 vote213 views2 answers
React arrow function component
Javascript React
0 vote205 views3 answers
How to get state value from history react
Javascript React