import React from 'react'; import { StyleSheet, Text, View, Button, FlatList, TextInput } from 'react-native'; const App = () => { const [products, setProducts] = React.useState([]); const [searchQuery, setSearchQuery] = React.useState(''); const sampleProducts = [ { id: '1', name: 'Product 1', rating: 4.5 }, { id: '2', name: 'Product 2', rating: 4.0 }, { id: '3', name: 'Product 3', rating: 5.0 }, ]; React.useEffect(() => { setProducts(sampleProducts); }, []); const handleSearch = () => { const filteredProducts = sampleProducts.filter(product => product.name.toLowerCase().includes(searchQuery.toLowerCase())); setProducts(filteredProducts); }; return ( <FlatList data={products} keyExtractor={item => item.id} renderItem={({ item }) => ( {item.name} Rating: {item.rating} )} /> ); }; const styles = StyleSheet.create({ container: { flex: 1, padding: 20, }, searchInput: { height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10, }, productItem: { padding: 10, borderBottomWidth: 1, borderBottomColor: '#ccc', }, }); export default App;