How can I implement search functionality in my React Native app?

How can I implement search functionality in my React Native app?

You can use the FlatList component along with a TextInput for search. Would you like a code example?

Yes, please provide a code example.

Here's a simple example:

import React, { useState } from 'react';
import { View, TextInput, FlatList, Text } from 'react-native';

const App = () => {
  const [searchTerm, setSearchTerm] = useState('');
  const data = ['Apple', 'Banana', 'Cherry', 'Date', 'Fig', 'Grape'];

  const filteredData = data.filter(item => item.toLowerCase().includes(searchTerm.toLowerCase()));

  return (
    <View>
      <TextInput
        placeholder="Search..."
        value={searchTerm}
        onChangeText={setSearchTerm}
      />
      <FlatList
        data={filteredData}
        keyExtractor={item => item}
        renderItem={({ item }) => <Text>{item}</Text>}
      />
    </View>
  );
};

export default App;

That looks great! How can I improve the search performance?

You can optimize performance by debouncing the input and using memoization for the filtered results. Would you like to know more about that?