<zinny/>

권한 얻기 $ 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..

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

부모 컴포넌트에 타입 지정해주기 interface data { id?: number; Title: string; Nickname: string; Time: string;}interface dataProps { dataList: data[];} 부모 컴포넌트에서 선언한 타입을 쓸 수 있게 함수에 넣어주기 function Parents({dataList} : dataProps){ return ( {dataList.map((data, index)=>{ return } } )} 자식 컴포넌트에도 타입 지정 해주기interface dataProps { data: { id?: number; Title: string; Nickn..

1. import k from "../asset/k.png"; 2. 3. TIP const styles = StyleSheet.create({ back:{ background:"black", width:100%, height:100% }, Img:{ opacity:0.8 } })

1. 설치하기 yarn add react-native-svg yarn add react-native-svg-transformer 2. metro.config.js파일 수정 /* 기존 */ module.exports = { transformer: { getTransformOptions: async () => ({ transform: { experimentalImportSupport: false, inlineRequires: true, }, }), }, }; /* 수정 */ const { getDefaultConfig } = require("metro-config"); module.exports = (async () => { const { resolver: { sourceExts, assetExts } } ..

해결 방법 1 npm start --reset-cache npm start ios 해결 방법 2 rm -rf node_modules yarn install 나는 2번으로 문제가 해결 되었는데 다른 사람들은 거의 1번으로 문제가 해결 되는거 같았다.