ReactNative(9)
-
React Native <Text> 길이 제한하기
결론부터 말하자면 Text의 style에 width를 설정하면 된다 이런 식으로 Text의 style 안에도 width를 적용할 수 있는지 몰라서 여러 container의 너비를 제한했는데 너비가 제한되긴 했는데 이상하게 가운데 정렬이 깨졌다 .. 그 전엔 가운데 정렬 잘 했는데 아직도 왜 그런진 모르겠지만 일단 문제는 해결~~
2021.06.21 -
React Native 광고 삽입하기
아직 PlayStore에 업로드 하지 않은 어플도 광고 ID는 받을 수 있다 근데 안드랑 IOS 어플을 따로따로 두 번 만들어줘야 한다 배너 광고를 띄우면 어플이 못생겨지는 느낌이라 어플 열 때 한 번만 전면 광고가 나오도록 설정했다 1. 구글 AdMob 가입 https://admob.google.com/intl/ko/home/ Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com 이것 저것 선택하고 (대부분 디폴트 값으로) 통화는 고민하다가 원화로 하면 수수료가 더 나간다길래 달러로 받기로 했다 2. 광고 단위 선택하기 난 앞서 말한 이유로 전..
2021.06.17 -
React Native 내가 다운받은 폰트 파일 적용하기
폰트 바꾸는 건 많이 헤맸다.. 정리하면 1. ttf 또는 otf 폰트 파일을 다운 받는다 2. assets 아래 fonts 폴더를 만들고 그 안에 폰트 파일을 넣는다 3. root 위치에 react-native.config.js 파일을 만들고 그 파일에 다음과 같이 쓴다 module.exports = { project: { ios: {}, android: {}, // grouped into "project" }, assets: ["./assets/fonts/"], // stays the same }; 4. 터미널에서 npx react-native link 를 실행한다. 대충 폰트 파일을 어플이 받아갈 수 있게 이어준다는 의미인듯 여기까지만 하고! fontFamily에 다운 받은 폰트 이름 쓰고 왜 안 ..
2021.06.17