feat: add text1Style and text2Style to ToastOptions (#479)

* fix: availability of text1 and text2 style props

* chore(types): move text1Style and text2Style to ToastOptions

* refactor: Update test case to include missing text1Style and text2Style in the options

src/ToastUI.tsx

@@ -36,7 +36,7 @@ function renderComponent({
   hide
 }: ToastUIProps) {
   const { text1, text2 } = data;
-  const { type, onPress, position, props } = options;
+  const { type, onPress, text1Style, text2Style, position, props } = options;
 
   const toastConfig = {
     ...defaultToastConfig,
@@ -56,6 +56,8 @@ function renderComponent({
     isVisible,
     text1,
     text2,
+    text1Style,
+    text2Style,
     show,
     hide,
     onPress,

src/__tests__/useToast.test.ts

@@ -119,6 +119,8 @@ describe('test useToast hook', () => {
     const options: ToastOptions = {
       type: 'info',
       position: 'bottom',
+      text1Style: null,
+      text2Style: null,
       autoHide: false,
       visibilityTime: 20,
       topOffset: 120,

src/types/index.ts

@@ -19,6 +19,14 @@ export type ToastOptions = {
    * Default value: `success`
    */
   type?: ToastType;
+  /**
+   * Style for the header text in the Toast (text1).
+   */
+  text1Style?: StyleProp<TextStyle>;
+  /**
+   * Style for the inner message text in the Toast (text2).
+   */
+  text2Style?: StyleProp<TextStyle>;
   /**
    * Toast position.
    * Default value: `top`
@@ -108,6 +116,8 @@ export type ToastConfigParams<Props> = {
   isVisible: boolean;
   text1?: string;
   text2?: string;
+  text1Style?: StyleProp<TextStyle>;
+  text2Style?: StyleProp<TextStyle>;
   show: (params: ToastShowParams) => void;
   hide: (params: ToastHideParams) => void;
   onPress: () => void;

src/useToast.ts

@@ -13,6 +13,8 @@ export const DEFAULT_DATA: ToastData = {
 
 export const DEFAULT_OPTIONS: Required<ToastOptions> = {
   type: 'success',
+  text1Style: null,
+  text2Style: null,
   position: 'top',
   autoHide: true,
   visibilityTime: 4000,
@@ -66,6 +68,8 @@ export function useToast({ defaultOptions }: UseToastParams) {
         text1 = DEFAULT_DATA.text1,
         text2 = DEFAULT_DATA.text2,
         type = initialOptions.type,
+        text1Style = initialOptions.text1Style,
+        text2Style = initialOptions.text2Style,
         position = initialOptions.position,
         autoHide = initialOptions.autoHide,
         visibilityTime = initialOptions.visibilityTime,
@@ -84,6 +88,8 @@ export function useToast({ defaultOptions }: UseToastParams) {
       setOptions(
         mergeIfDefined(initialOptions, {
           type,
+          text1Style,
+          text2Style,
           position,
           autoHide,
           visibilityTime,