适用于Android和IOS React Native的选项卡栏图标的大小是多少

Question

I want to create custom icons in my tabbar (which created by react-native-router-flux ). Is there any restriction on the tab bar icon size in Ios and Android?

In Ios, the recommended size is 30 x 30 while in Android the suggestion is 24 x 24.

I don't want to create the icons respectively, so I wonder is there icon size that works on both platform.

Answer 1

Different sizes work as well but like you said they wouldn't follow the platform's specific guidelines. I would define the icon size like this:

import { Platform } from 'react-native';

const dimensions = {
  iconSize: (Platform.OS === 'ios') ? 30 : 24,
}