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>