sua menu

components/header/headerMain.tsx

@@ -6,7 +6,7 @@ import { Text, View, } from '../Themed';
 import { TextInput } from 'react-native-gesture-handler';
 import { Ionicons, FontAwesome } from '@expo/vector-icons';
 import { createDrawerNavigator, DrawerItemList, DrawerItem, DrawerContentScrollView } from '@react-navigation/drawer';
-import { NavigationContainer } from '@react-navigation/native';
+import { useNavigation } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import Animated, { Easing } from 'react-native-reanimated';
 
@@ -38,11 +38,12 @@ const Header = ({props} : {props : any}) => {
 
 
 const MainSeach = () => {
+    const navigation = useNavigation();
     return (
         <View style={styles.boxSearch}>
             <View style={styles.boxSearchBo}>
                 <TextInput style={styles.inputSearch} placeholder="Nhập tên, mã sản phẩm" autoCapitalize="none" />
-                <Ionicons style={styles.buttonSearch} onPress={() => { Alert.alert('aaaaaaaaaa') }} name="search-outline" size={26} />
+                <Ionicons style={styles.buttonSearch} onPress={() => navigation.navigate('SearchProduct')} name="search-outline" size={26} />
             </View>
         </View>
     );