21.7 C
Canberra
Tuesday, October 21, 2025

ios – Is there a view/element that goes above all content material in React Native?


Is there a view/element/something that can be utilized in a single place in a react native app that might be positioned above all of the content material – I want it for toast element. I attempted utilizing Portals, Root Siblings, Modals and many others. however nothing goes above the display screen that has presentation: “modal” on iOS.

I particularly need to hold presentation: “modal” for some screens and I want toast messages to be out there there. I do know I might render couple of situations of toast element together with these screens with presentation: “modal”, however I’m on the lookout for one thing international – that might be above all of the content material it doesn’t matter what.

I do know it’s attainable as a result of I’ve seen apps like WhatsApp have it (the toast message is actually floating above every thing as a result of regardless of the place you go it persists there, even should you go on screens with presentation: “modal). After all they use native views like UIWindow with windowLevel (.alert or above) however I used to be questioning does something like that exist in react native/expo ecosystem?

If not, how come has nobody come to an thought to create an expo module for instance that exposes that overlaying view – it will be helpful for toasts, modals, sheets, portals and many others… (I used to be fascinated about attempting to do this myself, however Im undecided how doable that might be for me contemplating my ability stage and the quantity of free time)

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

[td_block_social_counter facebook="tagdiv" twitter="tagdivofficial" youtube="tagdiv" style="style8 td-social-boxed td-social-font-icons" tdc_css="eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjM4IiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tYm90dG9tIjoiMzAiLCJkaXNwbGF5IjoiIn0sInBvcnRyYWl0X21heF93aWR0aCI6MTAxOCwicG9ydHJhaXRfbWluX3dpZHRoIjo3Njh9" custom_title="Stay Connected" block_template_id="td_block_template_8" f_header_font_family="712" f_header_font_transform="uppercase" f_header_font_weight="500" f_header_font_size="17" border_color="#dd3333"]
- Advertisement -spot_img

Latest Articles