diff --git a/packages/rn-tester/js/RNTesterAppShared.js b/packages/rn-tester/js/RNTesterAppShared.js index 6a53954e3df..a22c45a910d 100644 --- a/packages/rn-tester/js/RNTesterAppShared.js +++ b/packages/rn-tester/js/RNTesterAppShared.js @@ -13,7 +13,7 @@ import type {RNTesterModuleInfo, ScreenTypes} from './types/RNTesterTypes'; import ReportFullyDrawnView from '../ReportFullyDrawnView/ReportFullyDrawnView'; import RNTesterModuleContainer from './components/RNTesterModuleContainer'; import RNTesterModuleList from './components/RNTesterModuleList'; -import RNTesterNavBar, {navBarHeight} from './components/RNTesterNavbar'; +import RNTesterNavBar from './components/RNTesterNavbar'; import {RNTesterThemeContext, themes} from './components/RNTesterTheme'; import RNTTitleBar from './components/RNTTitleBar'; import {title as PlaygroundTitle} from './examples/Playground/PlaygroundExample'; @@ -330,7 +330,10 @@ const styles = StyleSheet.create({ flex: 1, }, bottomNavbar: { - height: navBarHeight, + height: Platform.select({ + android: 58, + ios: 68, + }), }, hidden: { display: 'none', diff --git a/packages/rn-tester/js/components/RNTesterNavbar.js b/packages/rn-tester/js/components/RNTesterNavbar.js index f130ebbf7cf..0ccc8b9df11 100644 --- a/packages/rn-tester/js/components/RNTesterNavbar.js +++ b/packages/rn-tester/js/components/RNTesterNavbar.js @@ -28,7 +28,7 @@ const NavbarButton = ({ iconStyle, }): React.Node => { const theme = useContext(RNTesterThemeContext); - const [isPressed, setPressed] = useState(); + const [isPressed, setPressed] = useState(false); return (