본문 바로가기

전체 글

 (5)
React Native: 페이드 그라디언트 효과 주기 (ios/android) 페이드 그라디언트 효과를 입혀 보기 전에 필요한 라이브러리(react-native-linear-gradient)를 설치해주세요. 흰 배경에서 점차 투명 배경색으로 페이드 그라디언트 효과를 주고 싶습니까? 고로타면, colors={['white', '#ffffff00']} 라고 입력해보세요. 또는 'rgba(255,255,255,1', 'rgba(255,255,255,0)' 이라고 줘도 됩니닷. 엥 그냥 투명배경인 transparent를 쓰면 안되나요? 네 안돼요! 이렇게 하는 이유는 transparent가 본래 BLACK의 색상을 갖고 있기 때문입니다! start={{ x: 0, y: 1 }} end={{ x: 0, y: 0 }} 옵션을 추가해주면 bottom to top으로 점차 색상이 적용됩니다. 다..
Gitlab ssh key setting Setting > SSH keys 클릭! 터미널을 열고 SSH Key를 복사해줍니다. $cd ~/.ssh $cat id_rsa.pub | pbcopy $ssh -T git@gitlab.example.co.kr ssh -T : 강제 할당 복사한 키를 넣어주고 Add 버튼을 클릭해주면 끝!
React Native Navigation TabBar 양 끝 모서리 둥글게 커스텀하기 리액트 네이티브에서 react-navigation을 사용하여 탭바를 커스텀해볼게요! tabBarOptions={{ safeAreaInsets: { bottom: 0 }, tabStyle: { backgroundColor: 'transparent' }, style: { position: 'absolute', bottom: 0, left: 0, right: 0, backgroundColor: 'rgba(255,255,255,0.9)', borderColor: '#CCD2D9', borderTopRightRadius: 20, borderTopLeftRadius: 20, borderWidth: 1, }, }} safeAreaInsets는 tabBar가 화면과의 마진이라고 생각하면 되는데요. bottom:0을 주..
React Native - ScrollView Flex 1 not working 해결! 스크롤뷰는 flex:1을 줘도 안먹어요. 😑 스크린화면에 세로로 꽉 차게 하고 싶은데 오또카지 0_0??? 열씨미 구글링해본 결과 contentContainerStyle이라는 것을 찾았는데요! 스크롤뷰에 있는 기능인데 스크롤뷰의 자식에 스타일을 줄 수 있는 속성이었어요. 즉, ... 와 같은 마크업이 되는데 여기에 녀석에 스탈을 입히는거죵! 사용법은 아래와 같습니당: ... flexGrow는 flex-item요소가 flex-container요소 내부에서 할당 가능한 공간의 정도를 말해줍니다! 그 값을 1이라고 했으니까 flex-item요소는 하위를 래핑한 View인 녀석 하나가 화면에 꽉 차겠죠?
React Native - ScrollView 안에 FlatList를 쓰게 되면? VirtualizedLists should never be nested inside plain ScrollViews 에러가 뿜어져나온다... ScrollView안에 다른 ScrollView가 있기 때문인데. map 메소드로 데이터를 표현하는 것은 이상적인 방법은 아니고 어떻게해야할까? #1. 오류 문구를 숨겨버렷! import { YellowBox } from 'react-native' YellowBox.ignoreWarnings([ 'VirtualizedLists should never be nested', // TODO: Remove when fixed ]) 이 방법으로 아예 노란 경고 문구를 숨길 수는 있지만 완벽하지는 않은 방법! #2. 모든 리스트를 FlatList로 표현하는 것 ... data..

티스토리툴바