applied active opacity to components

src/Components/Button/index.js

@@ -88,7 +88,11 @@ export function MyTextButton({
 
   return (
     <View style={styleContainer}>
-      <TouchableOpacity onPress={onPress} disabled={disabled}>
+      <TouchableOpacity
+        onPress={onPress}
+        disabled={disabled}
+        activeOpacity={appContext.appTheme.touchableOpacity.activeOpacity}
+      >
         <View
           style={[
             {
@@ -143,7 +147,11 @@ export function MyIconButton({
       onPress={onPress}
       disabled={disabled}
       style={style}
-      activeOpacity={activeOpacity !== undefined ? activeOpacity : 0.2}
+      activeOpacity={
+        activeOpacity !== undefined
+          ? activeOpacity
+          : appContext.appTheme.touchableOpacity.activeOpacity
+      }
     >
       <MyIcon
         name={iconName}

src/Components/Dropdown/index.js

@@ -18,6 +18,7 @@ export default function MyDropdown({
       disabled={disabled}
       onPress={() => onPress()}
       style={[style, disabled && AppStyles.disabled]}
+      activeOpacity={appContext.appTheme.touchableOpacity.activeOpacity}
     >
       <View
         style={[