I want to create a hybrid mobile app using ionic capacitor. When user logs in the app should open the main angular app in a hidden webview to initialize the angular app. The webview should be hidden for this time. After this when a user clicks on any links in mobile app, it should open in the webview and this time the webview should be displayed. The webview should open in the app container and not in the browser window (like InApp browser). Please help me if anybody have explored this kind of solutions.
My existing app is built using Xamarin and its built on the above concept.
I have tried the InApp browser but it does not give a good impression to the end user expecting a complete mobile app.
What you want to do is more or less possible if I've understood you well. I've done it in my job. We have a ionic app, but then there are some native screens developed natively for Android (with Java) and iOS (with Swift). With ionic you can call native code from Javascript. For that you need to make your own local Capacitor plugin: https://capacitorjs.com/docs/plugins/creating-plugins
In a plugin, the ionic Javascript function will trigger a native function (Java/Kotlin for Android - Swift/ObjectiveC for iOS). Once there, you can freely create native screens (Android = Activity, iOS = Storyboard/Controller) and then launch your native screens in the app. In our project most of the app is ionic, but we developed our own native screens such as a PDF Viewer, a Web browser, a QR scanner, etc.
But an app is not like a website, an app is a stack of screens. Which means that everytime you access a new screen, it's added to the top of the stack and the user can go back to the previous one. So, ionic will launch first. Inmediately after starting the app (or whenever you want) you can move the user to a native (android/ios) screen. However, if the user presses the native android back button, he will come back to ionic. If you want to prevent that, you need to code that behavior yourself (google android prevent back button). Likewise, you "can't" make the user go from the native screen to ionic, you can bring him back to ionic by navigating back programmatically.
Perhaps you can also change the launch activity to use a different one, and then later launch the ionic activity with native code. But I haven't done this myself and it could break ionic, so I can't advice you through this path.
I hope my answer helps, but I'm not sure I understood what you want to accomplish.
I have been reading upon flutter to develop a mobile app and web application for my product, it says it can be achieved in a single codebase, but how is it possible to have a single code base when web UI and mobile UI are drastically different. I am not looking to have the small screen responsive view of my web app(PWA) as mobile application.
I tried a few demo apps from their samples, they basically look like progressive web apps wrapped into mobile application. Is flutter not a good option for what I am trying to achieve.
I have been trying to integrate a web based product tour/on-boarding plugin which will help a new user to understand the application without any external intervention. I cam across this plugin :
https://getuserflow.com/ which works well with html websites, I tried integrating this with flutter web app and it fails to detect any element as flutter doesnt support inspect using chrome for some reason.
Whenever I try to inspect a flutter web app it shows this:
It is almost impossible to inspect individual elements same as we can do on other web apps developed in angular or php.
Is there a way on flutter web to enable web inspect so that the plugin will be supported?
Inspect element works with HTML and CSS files. And flutter converts your dart code to JS, that's why we can't do inspect element.
And I don't think it is possible as of version 2.
How to play SCORM content in flutter mobile application.
Basically this is used to make online learning more interactive and used in online learning application.
Got reference for web application not for mobile application.
I have done google for this but not getting anything for flutter mobile application.
I understand that current implementation of intent can work only with Ionic Native
Is it possible to make it work in PWA ... Say web intent?
From PWA (aka web app) I want to send intent to app on same mobile device.
What are the limitations in making it available in PWA say as npm angular module instead of Cordova plugin
Does anyone have any implementation that can makes web intent work in PWA?