ReactNative4 [React Native] fetch 사용 시 TypeError: Network request failed 리액트 네이티브 프로젝트를 ios 에뮬레이터에서 실행 시 fetch로 API를 호출하는 부분에서 [TypeError: Network request failed] 에러를 만날 수 있다. ios 에뮬레이터는 기본적으로 http로 되어있는 api 호출을 막아둔다. 그래서 이것을 허용해줘야 한다. 내 상황: localhost로 띄워놓은 API 호출해결방법: info.plist 파일 수정NSAppTransportSecurity //////////////////////////////// 여기서부터 //////////////////////////////// NSExceptionDomains localhost NSTemporaryExceptionAllowsInsecureHTTPLoads .. 2024. 7. 1. [React Native] 탭 간 이동시 탭에 쌓여있는 스택 새로고침/초기화하기 navigation시 화면 하단에 있는 탭을 터치해서 탭 간 이동을 할 때 각 탭에 쌓여있는 스택을 비우고 싶다면 Tab.Navigator 선언 시 screenOptions에 unmountOnBlur: true 옵션을 사용하면 된다.const Tab = createBottomTabNavigator(); 참고: https://reactnavigation.org/docs/bottom-tab-navigator/#unmountonblur 2024. 6. 11. [React Native] 시뮬레이터 기종 지정하기 프로젝트 구동 시 시뮬레이터 기종을 지정하기 위해서는 아래 명령어처럼 --simulator를 써서 실행하면 된다.react-native run-ios --simulator "iPhone SE (3rd generation)" package.json에서 미리 지정해놓고 싶다면, 다음과 같이 scripts 부분을 수정해주면 된다."scripts": { "start": "react-native start", "android": "react-native run-android", "ios": "react-native run-ios --simulator \"iPhone SE (3rd generation)\"", "web": "expo start --web"}, 2024. 6. 11. react-native-calendars에서 날짜 점프 구현하기 react-native-calendars 사용 중에 오늘 날짜로 이동하는 기능을 구현하려 했다. '오늘로' 버튼을 누를 때마다 todayString이라는 오늘 날짜가 업데이트 되도록 했다. Calendar 컴포넌트에서 current props에 state로 관리 중인 todayString를 넣어봤지만, 달력 이동이 안됐다. const [todayString, setTodayString] = useState(''); return ( ); 이 문제를 해결하기 위해서 key prop을 위한 state를 하나 더 만들었다. current prop 대신에 key prop에 변화되는 값을 주어, '오늘로' 버튼을 누를 때마다 오늘 날짜로 캘린더가 리렌더링 되도록 하였다. const [todayString, setT.. 2024. 4. 11. 이전 1 다음 반응형
