공통

1. StackActions.push, navigation.dispatch(pushAction) 후에 페이지가 했다가 다시 원래 페이지로 돌아온다.

바뀐 url에 따라 Webview의 source를 바꾸지 않아서 발생했던 문제였다.

const pushAction = StackActions.push('WebViewContainer', {
  url: `${SOURCE_URL}${path}`,
});
navigation.dispatch(pushAction);

위와 같이 url의 source를 변경해야 한다.

2. Port 중복 이슈

  1. sudo lsof -i :8081
  2. kill -9 (포트번호)

3. 첫 화면에서 뒤로가기가 된다 → 뒤로가기를 하면 흰색 화면이 뜸

react-navigation/stack의 Stack.Navigator를 도입한 이후의 이슈이다. 뒤로가기가 되면 안 될 첫 화면에서 뒤로가기가 되고, 뒤로가지면 흰색 화면이 뜨는 것이다. 웹에서 라우팅이 된다는 것이 문제였다. WebView에서 page.tsx를 시작페이지로 띄우고, page.tsx에서 메인 페이지로 redirect하는 방식이었다. 이 때, Next.js의 useRouter의 replace 메서드를 사용하는 바람에 RN의 Stack에 하나가 더 쌓인 것이다. 그래서, page.tsx로 뒤로가졌던 것이다. page.tsx에서 useAppRouter(RN으로 페이지 이동 요청)의 replace메서드로 수정하여 해결하였다.

4. Code Push가 즉각 반영되지 않는다.

appcenter codepush release-react -a gueit214/gloddy -d Production

iOS기기에 Code Push하는 명령어이다. 이 명령어를 쳐도 바로 반영이 되지 않는다.

맨 뒤에 -m를 붙여주니 해결이 되었다. mandatory(-m) 옵션은 의무적으로 업데이트를 수행하겠다는 의미이다.

IOS

1. 키보드 가리는 이슈 (미해결)