728x90
반응형

react-native 2

React Native 배경이미지 뒤로 보내기 <ImageBackground>

필요성 리액트 네이티브에서 이미지를 배경으로 만들고 싶을 때가 종종 있다. 이미지를 배경으로 사용하고 싶을 때에는 를 활용하면 되는데 styled-component를 함께 활용할 때는 아래와 같이 사용하면 된다. 주의해야 할 점은 height와 weight를 반드시 적어줘야 이미지가 보인다 import React from 'react'; import Styled from 'styled-components/native'; const ImageBackground = Styled.ImageBackground` flex: 1; height: 100%; weight: 100%; opacity: 0.8; `; const Background = (props: any) => { return ( ); }; export ..

React Native Unrecognized font family 에러 해결하기

에러 발생 react-native를 처음에 시작하고 나서 가장 당황스러웠던 에러고, 처음에 잘 모르는데 고생을 너무 했다. react-native-vector-icons 를 설치하고 나서 아이콘의 이미지가 나타나지 않았을 때 이 유형의 에러를 처음 보게 되었는데, 이미지나 아이콘을 불러올 때는 공통적으로 유사한 에러가 발생한다. 에러 해결 VScode와 같은 에디터에서 ios 폴더 > [프로젝트명] 폴더 > Info.plist 파일을 연다. 내부에 아래와 같은 내용을 와 를 붙여넣기 한 이후 저장한다. UIAppFonts AntDesign.ttf Entypo.ttf EvilIcons.ttf Feather.ttf FontAwesome.ttf FontAwesome5_Brands.ttf FontAwesome5..

728x90
반응형