Use MaterialDesignIcons instead of MaterialCommunityIcons

[elibroftw]

I recently migrated react-native-vector-icons and MaterialCommunityIcons is no longer in the readme. Instead MaterialDesignIcons is there, which I have supplied to the paper provider. This should be the new default going forward.

[faljabi]

Can we have a release for this? As we want to migrate to the new way of using vector icons

[rnigro-rwb]

I think the issue with doing this is that this package also relies on @expo/vector-icons if you are using expo. That package would need to be update first.

What I did was patch the package by replacing

'react-native-vector-icons/MaterialCommunityIcons'

with

'@react-native-vector-icons/material-design-icons'

in 2 places in MaterialCommunityIcon.tsx

[rnigro-rwb]

This is a duplicate of #4471

I would recommend the solution provided by @onmotion that uses babel-plugin-module-resolver is much simpler.
#4471 (comment)

[djaffer]

this broke because they changed dependency from
react-native-vector-icon
to
@react-native-vector-icons

module.exports = function (api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
plugins: [
[
'babel-plugin-module-resolver',
{
alias: {
'react-native-vector-icons': '@expo/vector-icons',
},
},
],
],
};
};

Had to change to

[
'babel-plugin-module-resolver',
{
alias: {
'react-native-vector-icons': '@expo/vector-icons',
'@react-native-vector-icons/material-design-icons':
'@expo/vector-icons/MaterialCommunityIcons',
},
},
],