[SKP-141-image api] 이미지 분석, 수정 API 연결 #30
Conversation
| ); | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ |
| navigation.replace('ReAnalyze', {history: result, request: request}); | ||
| console.log(request); | ||
| } |
There was a problem hiding this comment.
navigate 대신 replace 사용하신 이유가 궁금합니다.
There was a problem hiding this comment.
navigate로 하면 스택에 쌓여서, 기존 화면을 교체하려고 replace 사용했어요
AnalyzeResult -> ReAnalyze -> AnalyzeResult
이렇게 이동하는데 기존 화면 남아있으면 안되니까!
| queryClient.invalidateQueries({ | ||
| queryKey: LOCATION_KEYS.detail(String(id)), | ||
| }); | ||
| bottomSheetRef.current?.close(); |
There was a problem hiding this comment.
음 refetch랑 invalidateQueries에 속도 차이가 있나요?
저는 아래 내용으로 알고 있어서, 무효화시킬 해당 쿼리 키만 무효화 시켜서 active한 화면 (여기서는 Detail이겠죠?) 에서 데이터를 새로 불러오도록 작업한 거거든요
active한 페이지만 새로 불러와서 속도가 빨랐다고 느끼는 거려나 ,,
refetch는 모든 페이지의 데이터를 불러오지만 (키를 기준으로 inactive 한 데이터 까지 불러옴)
invalidation은 우선 query를 stale하게만 만들기 때문에 active한 페이지의 데이터를 가져옴
참고
There was a problem hiding this comment.
오호 저도 한번 공부해보겠습니다 refetch랑 invalidateQueries 차이가 아닐수도 있겠네요
active한 페이지만 새로 불러와서 속도가 빨랐다고 느끼는 거려나 ,,
ㄴ 그런 듯요 ㅎㅎ
| @@ -4,11 +4,15 @@ import useNavigator from '../../navigators/hooks/useNavigator'; | |||
| export default function MoreSettingScreen() { | |||
| const {stackNavigation} = useNavigator(); | |||
| function handle() { | |||
| stackNavigation.navigate('Detail', {id: 79}); | |||
| stackNavigation.navigate('Detail', {id: 470}); | |||
There was a problem hiding this comment.
앗 이거 ㅎㅎ 상세 화면 테스트용으로 id 박아둔건데, 더보기 화면 작업하시면서 다 지우셔도 돼요~
| }, [request]); | ||
|
|
||
| return ( | ||
| <SafeAreaView style={styles.container}> |
There was a problem hiding this comment.
요기서 View 대신 SafeAreaView 쓰신 이유가 있나요? App에서 상단에 SafeAreaView로 감싸긴 했는데 혹시 오류가 있었나여???
There was a problem hiding this comment.
App.tsx에는 <SafeAreaProvider/>로 감싸져 있고, 각 화면에서 <SafeAreaView/>로 감싸서 사용하는 걸로 알고 있는데, 아닌가요?
🪄 Issue Number
🏆 Details
✅ Need Review
📸 Screenshot
1. 이미지 분석
1.mp4
default.MP4
default.mov
2. 재분석, 카테고리 수정
default.MP4
default.MP4