Skip to content

Toast showing behide the android Navigation Bar #60

@NguyenHoangMinhkkkk

Description

@NguyenHoangMinhkkkk

Toast (the Pink view in picture below) is showing behide the android Navigation Bar

Image

Debug running on a android emulator Medium_Phone_API_35 from android studio

i tried to use insets but useSafeAreaInsets giving insets.bottom = 0 (idk how why cause ios devices/simulator are working well)

i'm using customToast. however, the bug of position happening on both customToast and default toast

The code:

const insets = useSafeAreaInsets()

onShow = () => {
toast('something', {
  position: ToastPosition.BOTTOM,
  customToast: toastData => CustomToast(toastData, data),
  width: 300,
  duration: 2000,
})
}

<Toasts 
extraInsets={{
  bottom: insets.bottom,
}}
/>

Of course, the app wrapped inside SafeAreaProvider

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions