I have an Android app which renders a FAB with fan out options over other apps (like AZ Screen recorder. Refer image). I want to leverage Flutter for its ease of implementation for animations to render the UI for this overlay. I did not find any resources for this specific case under Add flutter to existing app section. Is it possible to use flutter to render this UI?
On android, I use the WindowManager.addView to add and later update the UI for overlay.
Related
I want to know how I can make an interactive map that I can incorporate into my Flutter app project.
The states and other subdivisions should be clickable and the name and other infos will pop up and so on.
I saw this SVC map customization with webflow and I want to know how to merge that with flutter:
https://www.youtube.com/watch?v=Iz_6IBfCtBQ
Or is there a whole other better way to do that?
I want to build background animation like in IOS default weather app. As i know, in ios used CAEmitterLayer for this purposes. Does android have a similar library for Jetpack Compose?
I don't think placing video in the background is a good idea.
IOS Weather app example:
I'm building app with one main activity which UI looks like TV remote. I need to show interactive response to the user when he interacts with UI through taps.
UI is created with Illustrator. I was searching for some SVG solutions but only found animation and morph libraries. Turns out I need to reload part of the UI, because reloading everything on every tap seems heavy on performance.
What good solutions there are for this problem? Load SVG in parts and put it together with css? I'm even considering moving to native Android if there's no way, because my app depends on some phone hardware control. By the way, I'll also be moving design to Adobe XD for prototype creation, so maybe there's something to go in line to make life easier.
So here's a way I solved this:
Give names to illustrator layers to be exported (even hidden layers should be shown to be exported)
Export selected artboard as SVG with internal CSS and select 'layer names' for Object IDs
Open SVG in editor and adjust initial styling as needed (gradient, stroke, hide layers to be switched etc).
Use SVGR to convert SVG into React component
Set component position
Pass props to React component to change styling at runtime and interact with user
Let's consider this use case:
I have an already developed app in android and iOS which is out here for a while. I would like to implement a library/package in Flutter that could run on Android and iOS projects. Let's say I want to store some data in the flutter part, trigger some events, and so on. I might not want to show any screen from flutter just a logic part would be here. Is it currently possible to do something like that? Just to reduce the effort to implement it natively in iOS and Android
I have a UWP application and I want it to be able to run into Android and also IOS using Xamarin.forms. Is there anyway to port it and run it on both of them?
Short answer: no.
Long answer: Xamarin Forms is "Xaml" too, but works on top of a completly different framework.
If you have used a good architecture, you can use all your viewmodels (or whatever your ui logic is called) and just put a Xamarin.Forms UI on top of that. With a little luck, you can reuse a lot of the structure from your existing xaml, but as most names are different, it is almost a complete rewrite. Or you could put a native UI with Xamarin.Plattform UI on top of your code.
So if you want to go cross platt form, you have to add at least one completely new UI.