https://www.npmjs.com/package/react-native-linear-gradient
react-native-linear-gradient
A <LinearGradient> element for React Native. Latest version: 2.8.3, last published: a year ago. Start using react-native-linear-gradient in your project by running `npm i react-native-linear-gradient`. There are 628 other projects in the npm registry using
www.npmjs.com
설치
npm install react-native-linear-gradient
사용
import LinearGradient from 'react-native-linear-gradient';
...
<LinearGradient
start={{x: 0, y: 0}}
end={{x: 0, y: 1}}
colors={['#C9C9C9', '#EEEEEE', '#fff', '#EEE']}
style={styles.topContainer}>
<View>
<CommunityHeader data={postSpaceData.user} />
<CommunityBanner />
</View>
</LinearGradient>
참고하면 좋은 사이트
React Native에서 이미지에 그라데이션 넣기
이건 사실 버그(?)에 대한 이야기다. 배경은 이렇다. 위 그림과 같이 이미지 상단에 그라데이션을 넣고자 했다. 이를 위해, react-native-linear-gradient 라이브러리를 설치하고 아래와 같이 코드를 작성
velog.io
React-native 그라데이션 배경화면 [UI]
리액트 플젝에서 그라데이션이 들어간 버튼 제작을 하려고했으나... 하단의 안드로이드에서만 발생하는 오류 때문에 넘어가고, ** 해결법 없음 주의ㅣㅣㅣ *** 해결법 찾음!!! 소스 : https://github.co
que-n-a.tistory.com