본문 바로가기

react native28

[React Native] [!] No 'Podfile' found in the project directory 오류 해결 react native ios 버전 빌드할 떄 pod install 명령어를 실행시켰는데 [!] No 'Podfile' found in the project directory 이런 에러를 마주쳤습니다. 구글링해보니 cd ios 이후 pod install 명령어를 실행하면 해결되는 이슈였습니다. 2021. 7. 6.
[React Native] iOS borderRadius 적용되지 않는 이슈 오늘 ios 작업을 하던 도중 ios에서 borderRadius 속성이 먹지 않는 이슈가 있었습니다. 해당 사항이 안드로이드에서는 잘 적용이 되었는데 ios에서는 적용이 되지 않더군요 구글링을 해보니 아래 문장을 속성에 추가해주면 되는 문제였습니다. overflow: "hidden" 프로젝트의 다른 곳에서도 비슷한 이슈가 발생했는데, 해당 이슈에서는 위 속성을 추가해도 해결이 되지 않았습니다. 이번 문제에선 borderTopLeftRadius 등을 사용하여 각 코너마다 다르게 위 radius를 적용한 경우였는데요, 이 경우는 View 태그에서만 적용이 되는 것 같습니다. {text} 이렇게 표현해주던 속성을 아래와 같이 Text를 View로 한 번 더 감싸 표현했습니다. {text} 아래는 해당하는 스타.. 2021. 7. 5.
[React Native] TextInput의 기본 패딩 없애기 React Native에서 TextInput을 사용해보시면 기본적으로 패딩값이 적용되어 있다는 것을 아실 겁니다. photoCaption:{ backgroundColor:'#F9F9F9', color:'#3C3C3E', fontSize:13, paddingLeft:8, marginTop:8, fontFamily:'NotoSans-DemiLight', lineHeight:23, height:30 }, 이것은 제가 작업하던 소스 코드의 일부인데요, 이 style을 TextInput에 적용하였더니 아래와 같은 결과가 나왔습니다. 보시면 TextInput에 height를 적용한 상황인데, 글자가 잘리시는 것을 볼 수 있습니다. TextInput에 디폴트로 패딩 값이 들어있어서 그런 건데, padding값을 없애.. 2021. 6. 17.
[React] useEffect cleanup 함수의 참조 문제 얼마 전 React Native를 이용해 작업을 하다가 useEffect에서 cleanup함수를 사용할 때 cleanup함수의 값이 제가 원하는 값을 참조하지 않는 문제가 있었습니다. 오늘은 이 문제를 살펴볼 예정이고, React로 정리를 해보았습니다. 먼저 아래 코드를 보시죠. import logo from './logo.svg'; import './App.css'; import { useEffect, useState } from 'react'; function App() { const [page, setPage]=useState(0); return( { page===0? setPage(param)} /> : setPage(param)} /> } ) } const StartPage=({ setPage,.. 2021. 6. 17.

티스토리툴바