Breaking News: Grepper is joining You.com. Read the official announcement!

How to change height of bottom material tab navigator from react-naviagtion

Asad answered on December 15, 2021 Popularity 6/10 Helpfulness 2/10

answer How to change height of bottom material tab navigator from react-naviagtion

How to change height of bottom material tab navigator from react-naviagtion

Comment

import { Dimensions, Platform, PixelRatio } from 'react-native';

const {
  width: SCREEN_WIDTH,
  height: SCREEN_HEIGHT,
} = Dimensions.get('window');

// based on iphone 5s's scale
const scale = SCREEN_WIDTH / 320;

export function normalize(size) {
  const newSize = size * scale 
  if (Platform.OS === 'ios') {
    return Math.round(PixelRatio.roundToNearestPixel(newSize))
  } else {
    return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2
  }
}

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: height javascript navigator

Link to this answer
Share Copy Link