which iOS versions are supported by Flutter web - flutter

The bounty expires in 23 hours. Answers to this question are eligible for a +50 reputation bounty.
Marc Van Daele is looking for an answer from a reputable source.
I made a Flutter web application which runs fine on recent iOS/Android/desktops.
However, it doesn't run on older iPads (running iOS 9.3.5 or 10.3.3), not on Safari and not on Chrome. This triggers a number of questions
Does there exist a list of iOS/browser versions that are supported by Flutter web?
I noticed that the generated index.html uses serviceWorkers. Is it possible that this determines whether flutter web is supported or not (I think that serviceWorkers are only supported from iOS 11.3 onwards).
Is it possible to start the flutter app without using service workers?

Flutter web is a framework for building web applications using the Dart programming language and the Flutter framework. It is not specifically designed to support iOS versions, as it is intended for building web applications that run in web browsers.
However, when it comes to running Flutter web applications on iOS devices, there are certain requirements and limitations that you need to be aware of. The following are some of the key points to keep in mind:
Flutter web applications can be run on iOS devices using the Safari browser.
The minimum version of Safari required to run Flutter web applications is Safari 14, which is included in iOS 14.
Flutter web applications may not work correctly on older versions of iOS or on other web browsers on iOS devices.
The Flutter framework itself supports building mobile apps for iOS versions 8.0 and later. However, this does not apply to Flutter web applications, as they are not native iOS apps.
Overall, if you want to build Flutter web applications that can be run on iOS devices, you should ensure that your application is designed to work with the latest versions of Safari and iOS, and you should test your application thoroughly on iOS devices to ensure that it works correctly.
https://docs.flutter.dev/development/tools/sdk/release-notes/supported-platforms

Related

Build SDK in Flutter/Dart and use it from Java / Web

We are building an application in Flutter, which is composed of an SDK (no UI Code) and a Flutter UI, using the SDK.We have now the requirement to provide the SDK for other, native target platforms (iOS, Android, Web, JVM) and use it in existing applications. As far as we have understood this is possible for iOS and Android. But is this also possible (or planned) for Web and JVM? We simply want to minimise the effort to build the similar SDK in various platform specific technologies.
Thank you!
You can build your Flutter app targeting web https://docs.flutter.dev/development/platform-integration/web/faq#is-the-web-version-of-flutter-ready-for-production
If you want to target the Desktop then check https://docs.flutter.dev/development/platform-integration/desktop to see if it meets your requirements.

How do you setup automated-tests for Capacitor native apps?

Capacitor allows us to code once then generate web, Android and iOS applications. Most people using Capacitor will generate native Android and iOS applications.
But strange enough, I can't find any documentation about how to create automated-tests for the two native applications. I can easily test the web application using protractor, jasmine or whatever. But when it comes to native apps, I can't hardly rely on native tooling (Android Studio and XCode) as there are other issues preventing me from testing it easily (ex: no possibility to set Accessibility ID through the views markup, etc).
Where are we at with Capacitor native apps automated-tests ?
I believe this is what you are looking for Ionic/capacitor Integrations for Testing
As far as the community/forums and official docs go there are only 3 ways you can test your apks
Native [Andriod Studio / Xcode] [Emulated versions]
Real Devices
3rd party Integration listed in the link above..
Even on google there very less info on this topic.. most of the blogs/ articles only say that Ionic/Capacitors can be tested just like a normal WEB App

Building app, mobile web app and desktop web app using Ionic

We will develop an app that we would like to distribute in through the following channels:
Android and iOS apps through Google Play and iTunes (the app will
use notifications extensively and presence in Google Play and App store is required)
Web app to run in web browsers on mobile devices
Web app to run in web browsers on laptop and desktop computers. We would like to support Chrome, Internet Explorer (starting from IE9),
Firefox and Safari browsers.
Our understanding is that Ionic is developed targeting primarily 1. and that the web apps in 2. and 3. above are not really what Ionic is intended for. We have looked around to try to understand if Ionic likely works for 2. and 3. and also made some quick tests ourselves.
From one of the links at the end: "Your webapp will run in desktop browsers yes, as it is made of html, css and javascript. The phonegap specific javascript calls (accelerometer, compass, file, etc) won't. Basically, if you stick to standard yes you will be able to port relatively easily your app to most browser, the job at this point being mostly a work of theming."
From another one: "I do know that FireFox is simply not supported. I don't know how well Ionic works in IE X."
To try it out we have built a limited version of our app in Ionic. From what we can see the app works for 1, 2 and 3. For example, it runs without issues on FireFox that is mentioned as not supported in the quote above. This means that to us it looks like the first quote saying that the web app will work in desktop browsers is correct.
I understand that this is a fairly generic question and might be hard to answer, but since we have found contradicting information when looking we are trying to understand more before making a decision.
Any feedback would be appreciated.
Thanks,
Markus
Is it a good idea to use ionic to build mobile web version of a website?
Can Ionic Framework run in desktop web browser like Chrome, Mozilla, IE9+?
http://forum.ionicframework.com/t/ionic-components-on-ie/1826
Phonegap web app in regular desktop browsers
http://ionicframework.com/docs/overview/#css-sass
Ionic is tested for mobile only. Internet Explorer for example is not tested and does not properly handle a number of features in Ionic. Desktop browsers act differently than mobile browsers.
Ionic is focused on building native/hybrid mobile apps rather than
mobile websites.
As such, our browser support tends to be whatever Web View API is
available to native apps on a given platform. For Ionic 1.1.0
"xenon-xerus", that means UIWebView for iOS 7+, and Android 4.1 and
up. Windows Phone and FirefoxOS support is on our roadmap.
If it's cheaper for you to test everything on all different desktop browsers than to develop a version for it sharing the same controllers and services --- go ahead but it won't come "out of the box".
Also, I recommend looking at Electron to build desktop apps from webapps.
ionic is targting mobile apps only , but you can develop your desktop app using node webkit and angular material for example and share some code between your apps

Titanium and PhoneGap

I'm new to Titanium and PhoneGap and analyzing a bit the two is not possible to develop iPhone with a PC with windows using either of the two right? Well I mean in PhoneGap in the most current versions is only possible to develop without publication.
I wonder if this is actually correct and whether there is a way to make an application to one of these two technologies (Titanium and PhoneGap) Fragment as a view of the native Android devices for both Android and iPhone / iPad. Improving question, make an application to view the devices can be adapted for smartphones and tablets for better use of the screen?
If yes there is some example code and/or source of research?
PhoneGap has an offering called PhoneGap build which just came out of beta. It lets you build your apps in the cloud without a Mac.
You might still need a Mac for certificate (p12 bundle) generation or you can use a service like Mobundler.
For Titanium, a recent service called Foundry22 lets you build your apps without a Mac or any native SDKs installed locally. You just need Titanium Studio and a hosted Git repo.

Questions on Cross platform mobile app development

I have the following queries on using phonegap / Titanium appcelarator for our cross platform mobile development
Currently we want to develop iPhone compatible and android compatible app with single source code using the cross platform mobile SDKs
Can this phoneGap or Titanium appcelarator works with single source code on both the iPhone and Android platforms?
also is there any other platform works as such?
And how these application will be relased with Appstore / Android market place since they have single code base ( source code ).
Any helps would be greatly appreciated.
I have tried out Sencha Touch with PhoneGap and also Titanium.
Sencha touch is pretty easy as it is based on javascript and can be used with android and iphone. The app created with Sencha touch can later be wrapped inside phone gap and submitted to the appstore.
Titanium again uses javascript but they do some processing on it. So the app is native.
They do have some common api's that can be used for both iphone and android. But for some advanced features they have 2 seperate sets of api's for both android and iphone.
So both have some differences. And they are both acceptable in Appstore and android market place.
I have not tried Titanium, but one of my friends is using Corona. He said its support Android and iPhone, and easily port over. You will need at least, adjust the image size, AFAIK, the image size for iphone and androids(various size) are different.
Corona: Write once, build to both iOS and Android.
corona concentrates on games. it uses lua. if you want to build a cross platform application you should first design your application cross platform. android and ios are different os with different style guides.
i have experiences with titanium and it worked fine. but i experienced that a cross platform design is important since the most time of building the app was used for programming the user interface. so invest time in building a good mvc design and ui. after that it worked out easily.
Find answers for you question below.
Can this phoneGap or Titanium appcelarator works with single source code on both the iPhone and Android platforms?
Yes It can definitely work with single code base. in addition to this you can develop universal App that can run in tablet and handheld from single code base
(NOTE: however on some point you have to differentiate between iOS and Android as some of the functionalities are specific to iOS or Android System. Titanium provide constants to check between iOS and android. It also provides constants to differentiate between Tablet and Handheld devices)
also is there any other platform works as such?
Other than Android and iOS titanium provides support for blackberry and mobile web platforms also.
And how these application will be relased with Appstore / Android market place since they have single code base ( source code ).
You can build App for required platform from titanium it self.