react-native - 反应本机颜色样式

Question

在这里，我附上了一张图片。根据图像，该条具有深蓝色和浅蓝色混合。我该如何完成该任务？

Answer 1

使用react-native-linear-gradient库：

import { StyleSheet } from 'react-native';
import LinearGradient from 'react-native-linear-gradient';

const styles = StyleSheet.create({
  linearGradient: {
     width: 40px, height: 250px
  }
})

...

render() {
  <LinearGradient colors={['#319CF7', '#BDE0FB']} style={styles.linearGradient} />
}