리액트네이티브

1일 1개발공부˙Day 7

묘걍 2022. 9. 30. 22:09

'공부'는 아니지만

지금 하고 있는 프로젝트

캘린더 파트를 여러 코드로 시도해보고 있습니다.

일단 UI는 만들어졌는데

사용자로부터 입력을 받아

자신의 스케쥴을 달력에 저장하는 기능을

어떻게 구현해야될지는 아직 모르겠어요..

혹시 도움 주신다면 정말 감사드리겠습니다!!!!

 

오늘의 기록들

calendar6

열리지만 크기가 작고 유저 입력 기능이 없다


calendar7

yarn add react-native-gesture-handler

추가로

코드 이것 저것 고쳐서 캘린더가 나오긴 하지만

위치도 애매하고

유저 입력 기능이 없다


calendar8

calendar7과 같은 화면이지만

더 단순한 코드 구조?? 이다


calendar9

error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

https://velog.io/@sunysty/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%97%90%EB%9F%AC

뭘 보고 대충 옮겨온 것 같은데

모르겠어서 패스


calendar10

뭔가 입력할 수는 있는데

그게 기록이 남지가 않음,,

CommandError: Unexpected response when fetching version info from Expo servers: Service Unavailable.

https://stackoverflow.com/questions/72776572/commanderror-unexpected-response-when-fetching-version-info-from-expo-servers

expo start로 함


calendar11

import './App.css';

여기서 자꾸 에러남,,

위치 맞는 것 같은데 뭐가 틀린거지ㅠㅠ

일단 넘어가기


calendar12

yarn add redux-form

yarn add react-native-i18n

yarn add moment-range

yarn add react-native-keyboard-aware-scroll-view

yarn add collapsiblefixednavbar

Unable to resolve "./TimePickerCollapsible" from "src\components\AppointmentForm.js"

위치는 올바른 것 같은데... 뭐가 문제일까ㅠㅠㅠ

일단 해당 위치의 해당 코드는 주석처리했음

timepickercollapsible 뒤에 ios가 붙어 있는데

textfield는 ios와 android가 둘 다 있는 반면

이건 ios 하나만 있어서

혹시 ios에만 적용되는건가 싶어 일단 주석처리

yarn add react-native-elevated-view

yarn add react-native-splash-screen

Unable to resolve "./DatePicker" from "src\components\DatePickerCollapsible.js"

여기도 DatePicker뒤에 ios가 붙는다...

ios를 지워볼까

yarn add react-native-material-kit

TypeError: null is not an object (evaluating 'RNI18n.languages')

https://meetup.toast.com/posts/295

일단 필요 없는거니까 빼보기로..


calendar13

12에 설치한 것들 +

yarn add react-native-navigation

yarn add moment

yarn add react-redux

yarn add redux-persist

yarn add remote-redux-devtools

TypeError: (0, _reduxPersist.autoRehydrate) is not a function. (In '(0, _reduxPersist.autoRehydrate)()', '(0, _reduxPersist.autoRehydrate)' is undefined)

https://github.com/rt2zz/redux-persist/blob/master/docs/MigrationGuide-v5.md

어디를 고쳐야할지 잘 모르겠어서..패스


calendar14

Calendar With Events Listed - Snack (expo.dev)

yarn add react-native-events-calendar

뜨긴 뜨는데

없는 폰트 관련 오류가 뜬다

그리고 이것도 사용자 입력 받는 코드는 없다,,


yarn add react-native-calendars

yarn add date-fns

yarn add @react-navigation/native


calendar16

GitHub - asifsha/rn-nav: React Native App with Custom Drawer Navigation, Calendar, Video, Charts, Timeline and Map

yarn add @expo/vector-icons

yarn add react-native-calendars

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

1일 1개발공부˙Day 11  (1) 2022.10.04
1일 1개발공부˙Day 10  (1) 2022.10.03
1일 1개발공부˙Day 9  (0) 2022.10.02
1일 1개발공부˙Day 8  (0) 2022.10.01
1일 1개발공부˙Day 6  (0) 2022.09.29