react native 漸變組件 react-native-linear-gradient

github:  https://github.com/react-native-community/react-native-linear-gradient

 

安裝：yarn add  react-native-linear-gradient

link:  react-native link   react-native-linear-gradient

link后在看看相關的配置 是否會全部都配置上了

 

使用：

      <LinearGradient colors={['#FFD801', '#FF8040', '#F75D59']} style={styles.linearGradient}>
        <Text style={{color:'#fff'}}>
          Sign in with Facebook
        </Text>
      </LinearGradient>

 

  linearGradient: {
  justifyContent:'center',
  alignItems:'center',
  width:200,
  height:50,
  paddingLeft: 15,
  paddingRight: 15,
  borderRadius: 5
},

 效果：