src/components/search/SearchBackground.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

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

interface SearchBackgroundProps extends ViewProps {}
const SearchBackground: React.FC<SearchBackgroundProps> = ({
  style,
  children,
}) => {
  return (
    <LinearGradient
      useAngle={true}
      angle={167}
      colors={['#421566', '#385D5E']}
      style={[styles.container, style]}>
      {children}
    </LinearGradient>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

export default SearchBackground;