title: why Component is not re-rendering after state change. in a react--native function Component
body: <p>this issue i have been facing from several days i an making a function component. i am changing the state by onPress method the console is giving me the same data tha i wanted but it is not re-rendering with the updated data.
  this is the snack <a href="https://snack.expo.io/@dharmendrasha/scroll-view-search-here" rel="nofollow noreferrer">link</a></p>
  
  <pre><code>https://snack.expo.io/@dharmendrasha/scroll-view-search-here
  </code></pre>
  
  <p>this is a example code</p>
  
  <pre><code>import React, { Componenet, useState } from 'react';
  import { Text, View, StyleSheet, SafeAreaView, ScrollView } from 'react-native';
  import Constants from 'expo-constants';
  import { ListItem, SearchBar, Icon } from 'react-native-elements';
  
  // You can import from local files
  import AssetExample from './components/AssetExample';
  
  // or any pure javascript modules available in npm
  import { Card } from 'react-native-paper';
  import TouchableScale from 'react-native-touchable-scale';
  import _ from 'lodash'
  
  
  
  export default function App() {
    const [search, setSearch] = useState('');
  
    const updateSearch = search =&gt; {
      setSearch(search);
    };
  
  const [list, setList] = useState([{
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },
      {
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },
      {
        name: 'Amy Farha',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/ladylexy/128.jpg',
        subtitle: 'Vice President',
      },{
        name: 'Chris Jackson',
        avatar_url:
          'https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg',
        subtitle: 'Vice Chairman',
      },]);
  
    return (
      &lt;SafeAreaView&gt;
        &lt;View&gt;
          &lt;SearchBar
            placeholder="Type Here..."
            onChangeText={(text) =&gt; {
              setSearch(text)
                console.log(search)
              }}
            value={search}
          /&gt;
          &lt;ScrollView&gt;
          {list.map((l, i) =&gt; (
            &lt;ListItem
            Component={TouchableScale}
              key={i}
              leftAvatar={{ source: { uri: l.avatar_url } }}
              title={l.name}
              subtitle={l.subtitle}
              bottomDivider
              rightAvatar={&lt;Icon color="red" raised name="delete" onPress={async () =&gt; {
                await console.log(l)
                list.splice(i,1);
                setList(list)
                console.log(list)
  
              }}/&gt;}
            /&gt;
          ))}
          &lt;/ScrollView&gt;
        &lt;/View&gt;
      &lt;/SafeAreaView&gt;
    );
  }
  </code></pre>
  
  <p>Please do help me i will be very generous</p>