react-native-linear-gradient

  • 下载:npm install --save react-native-linear-gradient
  • 使用:
    import LinearGradient from 'react-native-linear-gradient';
    <LinearGradient
       start={{ x: 0, y: 0 }}
       end={{ x: 1, y: 1 }}
       colors={['#FFD801', '#ffc005', '#e6ad05']}
       style={{
           width: pxToDp(110),
           height: pxToDp(60),
           borderBottomLeftRadius: pxToDp(30),
           borderTopRightRadius: pxToDp(30),
           borderBottomRightRadius: pxToDp(30),
       }}
    >
       <TouchableOpacity
           activeOpacity={activeOpacity}
           onPress={() => this.handleClick()}
           style={{ ...flexRowCenter }}
       >
           <Text style={{ lineHeight: pxToDp(55), color: 'white', fontSize: pxToDp(26) }}>
               详情
           </Text>
       </TouchableOpacity>
    </LinearGradient>
    
Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐