React Native Color Style

Question

Here I have attached one image. That bar has a dark and light blue color mix according to image.how can I achieve that task?

You need to add a linear gradient from `dark blue` to `light blue` — Pritish Vaidya, Aug 20 '18 at 17:06

score 1 · Answer 1 · answered Aug 20 '18 at 18:06

Use the react-native-linear-gradient library:

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} />
}

React Native Color Style

1 Answers1