In ionic framework there is a lot of tags such as:
ion-view
ion-content
ion-nav-bar
div class="..."
What to use? How to keep my app structure clean? Any skeleton generator?
I am using intel xdk.
Here is a link to ionic framework starter project for Intel XDK:
https://github.com/krisrak/ionic-angularjs-intelxdk-seed
there is also a ionic framework kitchen-sink app that you can refer to:
https://github.com/krisrak/ionic-angularjs-kitchensink
Related
I want to build an app with Ionic and VueJS, and I want to get Ionic components working in Vanilla JS, is there any library or resource to do that?
This will be possible in the near-future with Ionic 4. Their framework will soon be framework agnostic, which means it will be usable with any JS framework or even plain JS. You can read all about it on the official blog post of Ionic.
Here's an excerpt of the article:
For those that love Ionic but want to use it with Vue, or React, or Ember, or jQuery, or plain JavaScript, you’ll be able to once Ionic 4 releases.
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 ;)
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
I am trying to add a photo editor functionality to my ionic framework application. How ever I couldn't find a decent sdk that goes with it. I'd like add
aviary/creative
sdk but there is not an obvious way to do it. I tried angular-aviary plugin for cordova but that is not working anymore. Please help me find a good photo editor sdk that works with cordova/ionic framework. Any help would be appreciated, thanks...
I've spent about a week looking for the same thing. Beyond the Creative SDK there is also the img.ly PhotoEditor SDK which offers Android, IOS, and HTML5 as well. But as with Creative none of it is easily compatible with Ionic. I'm still looking for a solution but would be very interested if others have ideas as well!
Have a look at the PhotoEditor SDK Cordova Plugin Demo and the guide for integrating the editor under Ionic and Cordova to get an idea of how to get the editor working under Ionic. Basically, it works like this:
The idea is to create a Cordova app that allows the user to open an image from their photo library and edit this image using the PhotoEditor SDK on iOS and Android. This is done by using an existing library to access native photo pickers on both platforms and passing the path to the found image to a plugin. The plugin manages the configuration and opening of the PhotoEditor SDK’s editor and passes the edited image back to Cordova.
I was in search of this functionality and founded a proper documentation for ionic Framework from PhotoEditor SDK . Please follow the instructions given here to add Photo Editing functionality in ionic app Quickstart for ionic Framework
Hope it will help someone.
Widgets are android native constructs that extend a view on the application screen.
Is it possible build a homescreen widget using Ionic or react native?
Not sure about React Native, but I'll answer regarding Ionic.
In one word - no, you can't.
Ionic is an HTML, CSS, JS framework but it is mostly used with Cordova which embeds the webview in your app and renders HTML, CSS, JS in it.
(Answered on Quora)
Here you can find more thorough explanation for a similar question.
I am not sure but i have found a plugin that can extend the native view to the cordova app.
You can install this plugin by
cordova plugin add cordova-plugin-ace
For more info please follow this repo link
It is possible, but you still would have to rely a lot on some Android notions. Here it is a proof of concept you can start with:
React Native Android Widget Proof of Concept
For React Native, at the moment this is not possible. There is an issue on their GitHub, and upvotes for this feature are welcome on the dedicated ProductPains page.
Probably this will eventually be implemented.
Yes it is possible and not difficult to do with my project for Android in a very simple way without plugin with nothing. What I did I created my AppWidget in Android Studio modified the way I wanted. After I created it, I went to my project Ionic I managed the android platform then just copied the class java and layouts .xml then pasted on platform/android.
With this I adapted according to my need in my case
res/xml, res/layouts, res/drawable and in folders
src/the_application_address after I just needed to hit my Manisfest.