add icons

Author: fadi-george

examples/RNOneSignalTS/App.tsx

@@ -7,7 +7,7 @@
 
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { NavigationContainer } from '@react-navigation/native';
-import { StatusBar, useColorScheme } from 'react-native';
+import { StatusBar, Text, useColorScheme } from 'react-native';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import DetailsScreen from './DetailsScreen';
 import OSDemo from './OSDemo';
@@ -19,6 +19,14 @@ export type RootTabParamList = {
 
 const Tab = createBottomTabNavigator<RootTabParamList>();
 
+function HomeIcon() {
+  return <Text style={{ fontSize: 24 }}>🏠</Text>;
+}
+
+function DetailsIcon() {
+  return <Text style={{ fontSize: 24 }}>ℹ</Text>;
+}
+
 function App() {
   const isDarkMode = useColorScheme() === 'dark';
 
@@ -27,8 +35,20 @@ function App() {
       <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
       <NavigationContainer>
         <Tab.Navigator>
-          <Tab.Screen name="Home" component={OSDemo} />
-          <Tab.Screen name="Details" component={DetailsScreen} />
+          <Tab.Screen
+            name="Home"
+            component={OSDemo}
+            options={{
+              tabBarIcon: () => <HomeIcon />,
+            }}
+          />
+          <Tab.Screen
+            name="Details"
+            component={DetailsScreen}
+            options={{
+              tabBarIcon: () => <DetailsIcon />,
+            }}
+          />
         </Tab.Navigator>
       </NavigationContainer>
     </SafeAreaProvider>