리액트네이티브

1일 1개발공부˙Day 11

묘걍 2022. 10. 4. 23:08

 

⚠️현재 프로젝트의 문제

  • 캘린더 화면만 따로 만든 프로젝트는 화면도 잘 뜨고 기능도 잘 돌아간다

  • 그런데 합쳐야하는 베이스 프로젝트(?)에 넣으면 화면이 전혀 뜨지 않고 navigation?도 제대로 안 먹는 듯 하다

다른 화면의 경우 위와 같이 페이지 이름도 잘 뜨고 화면도 잘 나오고 기능도 제대로 작동한다

그러나 캘린더 화면으로 가면

페이지 이름도 뜨지 않고 흰 화면만 나온다

다른 조원이 만든 베이스 프로젝트와

내가 만든 캘린더 프로젝트가

구조?는 살짝 다르지만

어쨌든 리액트네이티브이기 때문에

큰 틀은 같다고 생각했다

그래서 잘 끼워 맞춰서 넣어봤는데

이렇게 아예 아무것도 안 떠버리니까

어떻게 해야될지 모르겠다

혹시 몰라서

위 캘린더 프로젝트 말고

다른 캘린더 프로젝트를 합쳐봤는데

그건 또 화면이 잘 뜬다

하지만 이 캘린더를 사용할 수는 없다

사용자 입력 기능이 없는,

그저 UI만 있는 캘린더이기 때문이다..

이게 문법적 오류가 뜨는 게 아니라

그냥 아무것도 안 나와버리니까

더 방법을 모르겠다

차라리 문법적 오류이면

구글링해서 고치고 말지...

이건 구글링해도 안 나와서

혼자 끙끙대고 있다

Some dependencies are incompatible with the installed expo package version:

- @react-native-community/datetimepicker - expected version: 3.5.2 - actual version installed: 6.5.0

- react-native-get-random-values - expected version: ~1.7.0 - actual version installed: 1.8.0

- react-native-safe-area-context - expected version: 3.3.2 - actual version installed: 4.4.1

- react-native-screens - expected version: ~3.8.0 - actual version installed: 3.17.0

Your project may not work correctly until you install the correct versions of the packages.

To install the correct versions of these packages, please run: expo doctor --fix-dependencies,

or install individual packages by running expo install [package-name ...]

계속 무시했었는데

혹시나 해서

expo doctor --fix-dependencies 돌려봄

Warning: could not reach `expo.io`.

Warning: could not reach `expo.fyi`.

We couldn't reach some of our domains, this might cause issues on our website or services.

Please check your network configuration and try to access these domains in your browser.

@react-native-community/async-storage has been renamed. To upgrade:

- remove @react-native-community/async-storage from package.json

- run "expo install @react-native-async-storage/async-storage"

- update your imports manually, or run "npx expo-codemod sdk41-async-storage './**/*'".

r-n-c/a-s 지우고 다시 설치

별다른 변화는 없음

고쳐보기 (1)

* RootStack

  • screen 디렉토리 내에
  • MainScreen 위에 WriteScreen을 띄워주는 코드

*App.js

  • <NavigationContainer>

<LogContext>

<Rootstack>

* MainScreen

  • 캘린더와 피드를 띄워줌

고쳐보기 (2)

CalendarScreen.js 와 FeedsScreen.js 합쳐보기

​... 일단 밤새서 여러가지로 시도해보려고 한다

'리액트네이티브' 카테고리의 다른 글

1일 1개발공부˙Day 13  (0) 2022.10.06
1일 1개발공부˙Day 12  (0) 2022.10.06
1일 1개발공부˙Day 10  (1) 2022.10.03
1일 1개발공부˙Day 9  (0) 2022.10.02
1일 1개발공부˙Day 8  (0) 2022.10.01