Material 3 - Google Calendar top app bar style - flutter

I am updating my Flutter application to Material 3 and figured out that images are not really supported in app bars anymore (see https://m3.material.io/components/top-app-bar/overview)
But then I came across the updated Google Calender app and was wondering which kind of top app bar they implemented here:
So I would be intressted if this is a proper Material 3 design, and how to implement that with Flutter, Scaffold does not really support such a case.

Related

Setting little app icon in iOS in .NET MAUI app

All the app icons in my .NET MAUI app seem to work correctly, except for this little guy on iOS. You see this icon when you swipe up to see all the open apps.
I guess, somehow I'm missing this but I uploaded all the icons with different sizes Apple requires for iOS apps. Which one is this icon and how do I make sure I'm giving Apple my app's icon for this particular size so it doesn't default to the .NET icon?
Yes,this is often the case when you are using images that are not formatted correctly or are very complex. And I've had similar problems before.
Vector graphics are highly recommended in ios.

ability to add a 3D Avatar that can be customised on a Flutter app?

I am designing an app where we would like to have a capability for users to edit their avatars style. like hair colour and body colour.
The app needs to be built on flutter, I checked out various libraries like Rive (Flare) but they do not seem to be working with 3D assets.
I came across this app called VOS which is doing something similar
Any leads will be much appreciated.
Cheers

Is it possible to have dynamic App icon in Android?

Is it possible to have dynamic App icon in Android? For example let's say I have clock App. Can I update the App icon showing current time or is the only way to implement a widgets?
You may use <activity-alias> to display different app icons in the launcher, just like the example I created here
But I don't think it is a good decision to update the app icon per minute, the solution may only applicable to calendar app.

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

customizing slider to look like the one in a native application (Reminders App in IOS5)

I am badly stuck in this. I want to have a control in iOS 4 (either slider or page control) to look exactly like the one in Reminders App of iOS 5 (at the bottom of the Date Tab). If anybody knows how to customize this in iOS 4 to look like reminders app, then please help me.