<Alert /> component styled at isolated level.

Alert.js

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

const Alert = ({ title, text, backgroundColor, borderColor, titleColor, descriptionColor }) => {
    return (
      <ThemeContext.Consumer>
         {theme => (
           <View style={[
               ...,
               { 
                 backgroundColor: backgroundColor,  
                 borderColor: borderColor
               }
          ]}>
             <Text style={[..., { color: titleColor }]}> {title} </Text>
             <Text style={[..., { color: descriptionColor }]}> {text} </Text>
           </View>
    </ThemeContext.Consumer>
  );
};

export default Alert;