[RN] React Native 그라데이션 색상 적용하기

https://www.npmjs.com/package/react-native-linear-gradient

react-native-linear-gradient

 

설치

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 그라데이션 배경화면 [UI]