App.js

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import RootStack from './screens/RootStack';
import {LogContextProvider} from './contexts/LogContext';
import {SearchContextProvider} from './contexts/SearchContext';

function App() {
  return (
    <NavigationContainer>
      <SearchContextProvider>
          <LogContextProvider>
            <RootStack />
          </LogContextProvider>
      </SearchContextProvider>
    </NavigationContainer>
  );
}

export default App;

SearchContext를 적용한 후 SearchHeader와 SearchScreen에서 useContext로 해당 Context를 사용합니다.

SearchHeader에는 TextInput에 value와 onChangeText Props를 설정하세요. 그리고 우측의 Pressable을 눌렀을 때 텍스트를 초기화하도록 구현하세요.