Code Bunch

 mytrip.tsx import React from 'react' import { View, Text, TouchableOpacity, Image } from 'react-native' import { useNavigation } from '@react-navigation/native' import { ScrollView } from 'react-native-gesture-handler' import { SearchBar } from '../../components' import { styles } from './styles' import TripComponent from './TripComponent' const mytripScreen = () => {   const navigation = useNavigation()   const [trips, setTrips] = React.useState(MYTRIPS)   const searchTrips = (t: string) => {     const newData = MYTRIPS.filter(function (item) {       const itemData = item.title ? item.title.toUpperCase() : ''.toUpperCase()       const textData = t.toUpperCase()       return itemData.indexOf(textData) > -1     })     setTrips(newData)   }   return (     <View style={styles.mytripMainContainer}>       <View style={styles.mytripInnerContainer...