Remove dependency on React Native's `TabBarIOS`

react-native-web removed TabBarIOS in their recent 0.13.0 release, citing that it is a deprecated React Native API. Most UI libraries that support both native and web are using react-native-vector-icons and react-native-web to bring support to web. Unfortunately, react-native-vector-icons still has a dependency on TabBarIOS making it incompatible with the most recent versions of react-native-web. Is it possible to break this dependency in a future version, so we can all use the latest versions of react-native-web?

(There may be workarounds to this issue that I’m not aware of, but I couldn’t come up with any)

[brandonpearcy]

If you’re stuck on this issue, and just need a short-term workaround, you can depend on a fork of react-native-vector-icons that simply removes TabBarItemIOS and TabBarItem.

yarn add @ovaeasy/react-native-vector-icons

and then add it to your webpack config aliases:

    alias: {
      'react-native$': 'react-native-web',
      'react-native-vector-icons': '@ovaeasy/react-native-vector-icons',
    },

[arthurpankiewicz]

@brandonpearcy thanks for the workaround

For anyone using react-native-web and targeting both web/android, I ran into this error when compiling for android when using brandonpearcy’s forked repo

Program type already present: com.oblador.vectoricons.BuildConfig

the workaround was to add a react-native.config.js:

module.exports = {
    dependencies: {
        '@ovaeasy/react-native-vector-icons': {
            platforms: {
                ios: null,
                android: null
            }
        }
    }
};

Also TabBarIOSwas removed back in react-native@0.59 and probably shouldn’t exist in newer releases