how to add gradient color in border in expo react native ?

Hi @omarkb222,

I’ll recommend going over the documentation on how to do those things. It’s quite easy to understand from there. Here is the relevant link :

https://docs.expo.io/versions/latest/react-native/stylesheet/

Here is an example, you’ll need to use Stylesheets :

A StyleSheet is an abstraction similar to CSS StyleSheets Creates a StyleSheet style reference from the given object:

import React from "react";
import { StyleSheet, Text, View } from "react-native";

const App = () => (
  <View style={styles.container}>
    <Text style={styles.title}>React Native</Text>
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 24,
    backgroundColor: "#eaeaea"
  },
  title: {
    marginTop: 16,
    paddingVertical: 8,
    borderWidth: 4,
    borderColor: "#20232a",
    borderRadius: 6,
    backgroundColor: "#61dafb",
    color: "#20232a",
    textAlign: "center",
    fontSize: 30,
    fontWeight: "bold"
  }
});

export default App;

Regards, KFSys