chore: update rnvi

Author: lukewalczak

example/babel.config.js

@@ -20,7 +20,8 @@ module.exports = function (api) {
             ),
             // For development, we want to alias the library to the source
             [pak.name]: path.join(__dirname, '..', 'src'),
-            'react-native-vector-icons': '@expo/vector-icons', //Fixes issue with icons not showing up on web (I also had to add @expo/vector-icons to react-native-paper devDependencies)
+            '@react-native-vector-icons/material-icons':
+              '@expo/vector-icons/MaterialIcons', //Fixes issue with icons not showing up on web (I also had to add @expo/vector-icons to react-native-paper devDependencies)
           },
         },
       ],

example/package.json

@@ -14,7 +14,7 @@
     "web": "EXPO_NO_TYPESCRIPT_SETUP=1 expo start --web"
   },
   "dependencies": {
-    "@expo/vector-icons": "^14.0.0",
+    "@expo/vector-icons": "^14.1.0",
     "@expo/webpack-config": "~19.0.1",
     "@pchmn/expo-material3-theme": "^1.3.2",
     "@react-native-async-storage/async-storage": "1.23.1",
@@ -39,12 +39,13 @@
     "react-native-reanimated": "~3.16.1",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "~4.1.0",
-    "react-native-vector-icons": "^10.1.0",
     "react-native-web": "~0.19.13",
     "typeface-roboto": "^1.1.13"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
+    "@react-native-vector-icons/common": "^11.0.0",
+    "@react-native-vector-icons/material-icons": "^0.0.1",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-preset-expo": "~12.0.0",
     "url-loader": "^4.1.1"

example/src/Examples/AnimatedFABExample/AnimatedFABExample.tsx

@@ -2,14 +2,14 @@ import * as React from 'react';
 import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
 import { Animated, FlatList, Platform, StyleSheet, View } from 'react-native';
 
+import Icon from '@react-native-vector-icons/material-icons';
 import {
   Avatar,
   MD2Colors,
   MD3Colors,
   Paragraph,
   Text,
 } from 'react-native-paper';
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import CustomFAB from './CustomFAB';
 import CustomFABControls, {

example/src/Examples/BottomNavigationBarExample.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 
+import Icon from '@react-native-vector-icons/material-icons';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { CommonActions } from '@react-navigation/native';
 import { Text, BottomNavigation } from 'react-native-paper';
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 const Tab = createBottomTabNavigator();
 
@@ -75,7 +75,7 @@ export default function BottomNavigationBarExample() {
         component={SettingsScreen}
         options={{
           tabBarIcon: ({ color, size }) => {
-            return <Icon name="cog" size={size} color={color} />;
+            return <Icon name="settings" size={size} color={color} />;
           },
         }}
       />

example/src/Examples/MaterialBottomTabNavigatorExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
+import Icon from '@react-native-vector-icons/material-icons';
 
 import { createMaterialBottomTabNavigator } from '../../../src/react-navigation';
 

example/src/Examples/ThemingWithReactNavigation.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 
+import Icon from '@react-native-vector-icons/material-icons';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { createStackNavigator } from '@react-navigation/stack';
 import { Text } from 'react-native-paper';
-import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 const Stack = createStackNavigator();
 const Tab = createBottomTabNavigator();

example/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = async function (env, argv) {
       loader: 'url-loader', // or directly file-loader
       include: path.resolve(
         __dirname,
-        'node_modules/react-native-vector-icons'
+        'node_modules/@react-native-vector-icons'
       ),
     }
   );
@@ -40,8 +40,8 @@ module.exports = async function (env, argv) {
     ...resolver.extraNodeModules,
     crypto: require.resolve('expo-crypto'), //Fixes issue with crypto not being found on web
     'react-native-web': path.join(node_modules, 'react-native-web'),
-    '@expo/vector-icons/MaterialCommunityIcons': require.resolve(
-      '@expo/vector-icons/MaterialCommunityIcons'
+    '@expo/vector-icons/MaterialIcons': require.resolve(
+      '@expo/vector-icons/MaterialIcons'
     ),
   });