Toasts should not move. How to stop moving?

[harika-zazz]

Describe the bug Hi, i am using this module. It is working fine but toasts are moving down. How to stop?

Steps to reproduce Steps to reproduce the behavior: Toasts are moving

Expected behavior Toasts should not move . It should be fixed in top.

Screenshots

[seyedmostafahasani]

@harika-zazz It continues until a certain position and then stops?

[harika-zazz]

Hi @seyedmostafahasani, thanks for your reply. It is moving to bottom of the screen. The toast should be fixed on top without dragging anywhere is the screen. How to implement or any solution?

[seyedmostafahasani]

@harika-zazz Are you sure you implemented it like as documented?

[harika-zazz]

Yes @seyedmostafahasani

[seyedmostafahasani]

@harika-zazz I couldn't reproduce your problem. Can you share your code?

[harika-zazz]

Hi @seyedmostafahasani Here is the code:-

In App.tsx

import toastConfig from "./src/utils/toastConfig";

return(
<>
<Navigation />
  <Toast config={toastConfig} />
</>
)

In toastConfig.tsx

import { BaseToast, ErrorToast } from 'react-native-toast-message';

const toastConfig = {
  /*
      Overwrite 'success' type,
      by modifying the existing `BaseToast` component
    */
  success: props => (
    <BaseToast
      {...props}
      style={{ borderLeftColor: '#42ba96' }}
      contentContainerStyle={{ paddingHorizontal: 15 }}
      text1Style={{
        fontSize: scaler(14),
        fontWeight: '400',
        fontFamily: "Poppins-Regular"
      }}
      text2Style={{
        fontSize: scaler(12),
        color: 'black',
        opacity: 0.5,
        fontFamily: "Poppins-Regular"
      }}
      text2NumberOfLines={5}
    />
  ),
  /*
      Overwrite 'error' type,
      by modifying the existing `ErrorToast` component
    */
  error: props => (
    <ErrorToast
      {...props}
      text1Style={{
        fontSize: scaler(14),
        // fontWeight: '400',
        fontFamily: "Poppins-Regular"
      }}

      text2Style={{
        fontSize: scaler(12),
        color: 'black',
        opacity: 0.5,
        fontFamily: "Poppins-Regular"

      }}
      text2NumberOfLines={5}
      style={{
        minHeight: scaler(70),
        borderLeftColor: 'red',
        // paddingVertical:scaler(20)

        // paddingBottom:scaler(5)
      }}

    />
  ),
};

export default toastConfig;