How can i design this page in ionic 4 - ionic-framework

how can I design that page in ionic 4? I'm still new to ionic. its a bank app I am building with ionic 4, below is the image of the page.

You should start here, https://ionicframework.com/ read through documentation.
Your app looks like a tabs based app so it would be easiest to start with a tabs ionic project.
Therefore, run ionic start myBankAppName tabs --cordova to use cordova as your native cross-platform engine or ionic start myBankAppName tabs --capacitor to use capacitor for the same purpose.
After that consult the relevant components that you need at https://ionicframework.com/docs/components.
Have fun! ;)

Related

IONIC CAPACITOR APP IonApp classname is undefined instead of platform

I added ionic and capacitor to react.js app. ion-app classname should be ios or android but it is undefined. Anyone knows that how to solve?
enter image description here
I am getting the same error when i run their template app using ionic start. To overcome the problem, I did this
ionic start your-first-app tabs
This creates a similar template app with tabs. However, Unlike the template app that you get by running ionic start and then selecting my-first-app as the starter template, you dont get the gallery app code

cannot use Ionic DevApp with React

Since Ionic React does not support Cordova, is it possible to use Ionic DevApp to view Ionic App on mobile device? If Ionic DevApp is not supported with React based project, any suggestions on how to view and test Ionic Apps on a mobile device without really publishing the app?
I am currently running into the same issue. There seems to be no documentation from the Ionic team on this?

Desktop Application with Ionic framework

is there anyone who will help me about ionic framework.
I want to know that can we develop desktop and mobile application both with single codebase in ionic framework.
I want to know that can we develop desktop and mobile application both with single codebase in ionic framework.
Yes, this is exactly the purpose of Ionic.
Check out what is Ionic.
Yes, however you will find a few Ionic components do not provide an ideal user experience on the desktop. For example, ion-datetime should probably work as a dialog on a large screen, instead uses a mobile and touch only friendly slide-up UI with selection characteristics that make number choice with a mouse quite difficult.
Give Electron a try, on youtube search with: Ionic Framework with Electron for building Desktop Application.

Can we use phonegap/Ionic hybride app for mobile website

Does phonegap or Ionic framework can be used for mobile website.
Actually I am planing to build mobile app. But confused to pick one of them (phonegap/Ionic).
So, please guide me which one is better. And please guide which one is best for both mobile app and mobile website.
Yes you can. In ionic2 you can do
ionic platform add browser
ionic build browser
Example of website using ionic http://m.stubapp.com/
At first Phonegap is now called Cordova.
Cordova builds an native App using HTML, Javascript and CSS.
With the ionic framework you can Create and Design "Apps" with HTML, Typescript and Sass. Ionic is perfect if you want your App our mobile website to look like an normal native App. Ionic uses Cordova to build the App. I used Ionic myself to build a website.
Ionic gives you the option to build for a browser (ionic build browser).
Then you get the computed HTML, Javascript and CSS.
Please excuse my English, i´m from Germany ;)

What makes nativescript better than ionic

im new to mobile development and i see ionic framework has very big community BUT
i know that ionic uses webview while nativescript generates native components
my question now what nativescript can do ionic cannot do?
in other words what is the powerful points in nativescript that does not exists in ionic
thanks in advance.
Ionic is hybrid, running inside webview which has problem with performance at particular things like even simpler animation, not fully accessible API of native part
Nativescript runs as native app, controlled by JS code but can be used even with native code or even as addon to native app and full access to API of native code