import { LinearGradient } from "expo-linear-gradient";
import { StyleSheet, View, Text } from "react-native";
const GradientBorderView = () => {
return (
<View style={styles.previewContainer}>
<LinearGradient
style={styles.gradient}
end={{"x":1,"y":0}}
start={{"x":0,"y":0}}
colors={["#00C9FF","#92FE9D"]}
locations={[0,1]}
>
<View style={styles.innerContainer}>
<Text>Gradient Border</Text>
</View>
</LinearGradient>
</View>
);
};
const styles = StyleSheet.create({
previewContainer: {
height: 300,
width: "100%",
overflow: "hidden",
borderRadius: 24
},
innerContainer: {
flex: 1,
padding: 16,
margin: 6,
backgroundColor: 'white',
borderRadius: 18
},
gradient: {
flex: 1,
width: "100%",
height: "100%",
},
});
export default GradientBorderView;