<zinny/>

(property) React.ClassAttributes.ref?: React.LegacyRef | undefined 이 호출과 일치하는 오버로드가 없습니다. 오버로드 1/2('(props: ScrollViewProps | Readonly): ScrollView')에서 다음 오류가 발생했습니다. 'MutableRefObject' 형식은 'LegacyRef | undefined' 형식에 할당할 수 없습니다. 'MutableRefObject' 형식은 'RefObject' 형식에 할당할 수 없습니다. 'current' 속성의 형식이 호환되지 않습니다. 'undefined' 형식은 'ScrollView | null' 형식에 할당할 수 없습니다. 오버로드 2/2('(props: ScrollViewProps, c..

잘만 삭제 되던 AsyncStorage.clear(); 에서 갑자기 오류가 생겼다 ✔️ 해결 방안 먼저 기존코드는 단순히 AsyncStorage.clear() 를 활용해서 클리어했는데 이 부분을 아래와 같이 바꿔주면 해결됨 import AsyncStorage from '@react-native-async-storage/async-storage'; const KEY = 'key'; const Storage = { async get() { const data = await AsyncStorage.getItem(KEY); if (!data) return null; return JSON.parse(data ?? ''); }, async set(data) { await AsyncStorage.setItem(KEY..

뒤로가기 제스쳐 막고 싶은 네비게이션 !!!최상단!!!에 넣어주기 options={{gestureEnabled: false }} 22.08.03 navigaiton v6에서도 작동 잘됨

권한 얻기 $ yarn add react-native-permissions ios/Podfile permissions_path = '../node_modules/react-native-permissions/ios' //카메라 pod 'Permission-Camera', :path => "#{permissions_path}/Camera" //위치 정확하게 가져오기(베터리 소모량 많음) pod 'Permission-LocationAccuracy', :path => "#{permissions_path}/LocationAccuracy" //위치 항상 가져오기 pod 'Permission-LocationAlways', :path => "#{permissions_path}/LocationAlways" //위치 사용..

1. 원하는 폰트를 다운로드한다 2. (확실하지 않지만) /ios/fonts를 만들고 폰트 파일을 다 넣어준다. 3. src/assets/fonts를 만들고 적용할 폰트 폰트를 전부 다 넣어준다 4. 제일 상위에서 react-native.config.js 파일을 만들어준다 module.exports = { project: { ios: {}, android: {}, }, assets: ["./src/assets/fonts"], }; 5. /ios/프로젝트파일/info.plist파일 수정 작업에 들어간다. UIAppFonts IBMPlexSansKR-Bold.ttf IBMPlexSansKR-Medium.ttf IBMPlexSansKR-ExtraLight.ttf IBMPlexSansKR-Light.ttf IB..

https://velog.io/@maliethy/React-Native-TextInput-auto-focus-%ED%95%98%EA%B8%B0 React Native: TextInput auto focus 하기 TextInput auto focus하기React Native: How to select the next TextInput after pressing the “next” keyboard button?(https://stackoverflow.com/questio velog.io

https://maruzzing.github.io/study/rnative/React-Native-%EC%BB%A4%EC%8A%A4%ED%85%80-%ED%83%AD-%EB%B0%94-%EB%84%A4%EB%B9%84%EC%BC%80%EC%9D%B4%EC%85%98-%EB%A7%8C%EB%93%A4%EA%B8%B0/ React Native 커스텀 탭 바 네비케이션 만들기 React Navigation을 이용하여 Top Tab Bar를 커스텀 하는 방법을 알아보자. maruzzing.github.io https://velog.io/@blacksooooo/React-native-nested-navigation-bottom-tab-modal-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-n..

https://taehoon95.tistory.com/116 [React Native] PickerSelect 사용하기 (datepicker) 개요 앱에서 picker는 사용자의 입력값을 개발자가 제시함으로써 입력에 대한 오류를 줄일 수 있는 방법입니다. 저는 개인 프로젝트를 진행하면서 2가지의 PickerSelect가 필요했습니다. 이 블로그에 taehoon95.tistory.com https://github.com/mmazzarolo/react-native-modal-datetime-picker GitHub - mmazzarolo/react-native-modal-datetime-picker: A React-Native datetime-picker for Android and iOS A React-N..

import {View,Text,Dimensions,Pressable,StyleSheet} from 'react-native'; const { width, height } = Dimensions.get("screen"); function Test() { return( 이건 버튼이다 ); }; const styles =StyleSheet.create({ Btn:{ width: width * 0.9, } }); export default Test;

const [line, setLine] = useState(2);//몇번째 줄까지 보여줄 껀지 const [isActive, setIsActive] = useState(false);//눌렸는지 안눌렸는지 확인하는 용도 const handelLine =() => {//누르면 라인을 글씨 최대 길이로 변경하기 isActivated ? setLine(2) : setLine(Number.MAX_SAFE_INTEGER); setIsActive((prev) => !prev); } //말줄임표는 뒤에 최대 길이는 2번째 줄까지 이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요? 이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요? 이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요? 이렇게 글..