chore: update example

Author: lukewalczak

example/babel.config.js

@@ -20,8 +20,6 @@ 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/material-design-icons':
-              '@expo/vector-icons/MaterialCommunityIcons', //Fixes issue with icons not showing up on web (I also had to add @expo/vector-icons to react-native-paper devDependencies)
           },
         },
       ],

example/metro.config.js

@@ -12,6 +12,8 @@ const root = path.resolve(__dirname, '..');
 const defaultConfig = getDefaultConfig(__dirname);
 
 const modules = [
+  '@react-native-vector-icons/common',
+  '@react-native-vector-icons/material-design-icons',
   '@expo/vector-icons',
   'expo-constants',
   ...Object.keys(pak.peerDependencies),

example/package.json

@@ -44,8 +44,6 @@
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
-    "@react-native-vector-icons/common": "^11.0.0",
-    "@react-native-vector-icons/material-design-icons": "^7.4.47",
     "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,7 +2,7 @@ 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-design-icons';
+import Icon from '@expo/vector-icons/MaterialCommunityIcons';
 import {
   Avatar,
   MD2Colors,

example/src/Examples/BottomNavigationBarExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 
-import Icon from '@react-native-vector-icons/material-design-icons';
+import Icon from '@expo/vector-icons/MaterialCommunityIcons';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { CommonActions } from '@react-navigation/native';
 import { Text, BottomNavigation } from 'react-native-paper';

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/material-design-icons';
+import Icon from '@expo/vector-icons/MaterialCommunityIcons';
 
 import { createMaterialBottomTabNavigator } from '../../../src/react-navigation';
 

example/src/Examples/TextInputExample.tsx

@@ -7,7 +7,7 @@ import {
   View,
 } from 'react-native';
 
-import Icon from '@react-native-vector-icons/material-design-icons';
+import Icon from '@expo/vector-icons/MaterialCommunityIcons';
 import { useFonts } from 'expo-font';
 import {
   configureFonts,

example/src/Examples/ThemingWithReactNavigation.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { View, StyleSheet } from 'react-native';
 
-import Icon from '@react-native-vector-icons/material-design-icons';
+import Icon from '@expo/vector-icons/MaterialCommunityIcons';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { createStackNavigator } from '@react-navigation/stack';
 import { Text } from 'react-native-paper';