fix: fix provided style priority in toast & notification components

Author: seniv

CHANGELOG.md

@@ -26,7 +26,7 @@
 - Custom handling for safe area insets (based on `react-native-safe-area-context`'s `useSafeAreaInsets` hook) in all built-in components, plus a simple API for using the same insets in custom components. It also handles keyboard offset when a notification is displayed at a bottom `position`. All components receive an `offsets` object and a `ViewWithOffsets` component as props. Related parameters: `ignoreSafeAreaInsets`, `ignoreKeyboard`, `ignoreKeyboardHeight`, `additionalKeyboardOffset`, `additionalOffsets`.
 - Using new `*AnimationConfig` parameters, it is now possible to run **Spring** animations with fully customizable configurations.
 - Additional TypeScript types have been exported, such as `NotifierComponentProps` (for base props in custom components), `AnimationFunction`, `AnimationFunctionParams`, `Position`, `Offsets`, `ViewWithOffsetsComponent`, `Direction`, `DuplicateBehavior`, and `SwipeDirection`.
-- New built-in component: `SimpleToast`.
+- New built-in components: `Toast` and `SimpleToast`.
 - All components receive a `hide` function and an `animationFunctionParams` object as props.
 
 ### Changed

src/ui-components/Notification.tsx

@@ -220,10 +220,10 @@ export const NotificationComponent = ({
             <Text
               style={[
                 s.title,
-                titleStyle,
                 type !== 'classic' &&
                   useTypeColorForTitle && { color: iconColors[type] },
                 type === 'classic' && s.classicTitle,
+                titleStyle,
               ]}
               numberOfLines={maxTitleLines}
             >
@@ -234,10 +234,10 @@ export const NotificationComponent = ({
             <Text
               style={[
                 s.description,
-                descriptionStyle,
                 type !== 'classic' &&
                   useTypeColorForDescription && { color: iconColors[type] },
                 type === 'classic' && s.classicDescription,
+                descriptionStyle,
               ]}
               numberOfLines={maxDescriptionLines}
             >

src/ui-components/Toast.tsx

@@ -188,8 +188,8 @@ export const ToastComponent = ({
             <Text
               style={[
                 s.title,
-                titleStyle,
                 type && useTypeColorForTitle && { color: iconColors[type] },
+                titleStyle,
               ]}
               numberOfLines={maxTitleLines}
             >
@@ -200,9 +200,9 @@ export const ToastComponent = ({
             <Text
               style={[
                 s.description,
-                descriptionStyle,
                 type &&
                   useTypeColorForDescription && { color: iconColors[type] },
+                descriptionStyle,
               ]}
               numberOfLines={maxDescriptionLines}
             >