How can i run specific widget in background using flutter app - flutter

i am looking for good way for running specific widget in flutter app background
for example like that one in Facebook messenger. when someone send message. a pop up circle avatar being displayed
so How can I implement this

Related

embed a tiktok video onto an app page with flutter?

Video player, webview, custom widgets on pubdev, all seem to be failing me on what should be a simple problem... how do i display a tiktok video on a page using flutter widgets? Embarassed to admit how long I have tried to code this.
I have tried the html-editor widget too.
Coding/interface is via flutterflow.

Flutter overlay over other apps

I want to build a Flutter App that can show information in a modalBottomSheet, but outside of the App.
The App should run in the background and when I want it to show something, it should show a modalBottomSheet over the curently used App. It doesn't matter if the user is in a App or just the Homescreen, important is that the App runs from the background and can overlay other Apps.
You could use flutter_overlay_window. It can display your flutter app over other apps on the screen

Flutter create a splash screen with text and loader

I came to ask for help because I want to do a native splash screen type in my flutter application. So I want that when I launch my application, I have a page with the logo of my application, a descriptive text, the version number of the application and a loader.
After a lot of research I cannot find satisfactory tutorials. Either there are native splash screens that change the base color when the app is launched and we can just display a logo. Either we create a fake splash screen which is a start page but which is launched after the native start. I don't know if I'm clear ... Voila, but how can we all do it at the same time?

Flutter Native SplashScreens Background processes

I have created SplashScreens for my Flutter app for both iOS and Android using the native way which is editing the LaunchScreen.storyboard and it is working currently when I run my app but the SplashScreen does not hold long enough and is there a way to programmatically hide the native splashscreen in dart after I am done with some data processing and logic?
The solutions I found online are all flutter apps with SplashScreen that is build using flutter widgets and not the native way...
Even if you build the splash screen if Flutter, you still need to set one in via XCode. Otherwise, the app loads with a momentary plan white screen and Apple rejects it.
If you want to extend the time till the moment data process is over, then you will have to make a replica of LaunchScreen.storyboard in Flutter. The data processing and logic are written in Flutter. There's no way it can tell LaunchScreen.storyboard "I am done". What you can do is though, make a splash screen in Flutter which will look like LaunchScreen.storyboard. And once the data processing is done, you can navigate the user to the desired screen. Since the two screens are same, use won't see the difference and the app will smoothly show the next screen.
Just a word of caution - be careful about extending the timing of launch screen. Apple may reject the app. See if something can be done after the screen load. You can use flutter after layout package for this or the below line will do the trick :
WidgetsBinding.instance
.addPostFrameCallback((_) => myFunction(context));
This thread may help you to delay the screen for XX seconds.

Scrollable screen over dynamic background

I'm fairly new to Flutter and am trying to accomplish something similar to what is being used in the Pigeon app for iOS. Basically I want an interactive page as a background in the app (like the map in the Pigeon app), and then have different screens appear over that background. These screens should be scrollable, but start at the bottom of the device screen, thus showing both the screen and the dynamic background at the same time. As long as the background is visible in you can interact both with it and the scrollable screen.
I have added a gif below which hopefully helps explaining the issues.
Any guidance on which widgets to look into would be appreciated. I've been experimenting with the Stack widget but can't yet figure out how to accomplish my desired behaviour.
For doing this kind of stuff you have to use sliver widget, which is provide by flutter material package
for more info you can check
Flutter Sliver