1. import React, {useState, useEffect} from 'react';
2. import {StatusBar, FlatList, Text} from 'react-native';
3. import {SearchBar} from 'react-native-elements';
4.  
5. const footballClubs = [
6.   'Manaus',
7.   'Amazonas',
8.   'Nacional',
9.   'Fast',
10.   'Iranduba',
11.   'Rio Negro',
12.   'Princesa do Solimões',
13.   'São Raimundo',
14. ];
15.  
16. const App = () => {
17.   const [searchTerm, setSearchTerm] = useState('');
18.   const [searchResults, setSearchResults] = useState([]);
19.  
20.   const handleChange = value => {
21.     setSearchTerm(value);
22.   };
23.  
24.   useEffect(() => {
25.     const results = footballClubs.filter(soccerTeam =>
26.       soccerTeam.toLowerCase().includes(searchTerm.toLowerCase()),
27.     );
28.     setSearchResults(results);
29.   }, [searchTerm]);
30.  
31.   return (
32.     <>
33.       <StatusBar barStyle="dark-content" />
34.       <SearchBar
35.         placeholder="Pesquise por um clube Amazonese"
36.         onChangeText={handleChange}
37.         value={searchTerm}
38.       />
39.       <FlatList
40.         data={searchResults}
41.         renderItem={({item}) => <Text style={{padding: 20}}>{item}</Text>}
42.         keyExtractor={(item, index) => index.toString()}
43.       />
44.     </>
45.   );
46. };
47.  
48. export default App;
49.