Is it possible to create home screen widgets for Android using Ionic Framework or React Native? - android-widget

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.

Related

Do iOS and Android Flutter widgets also work on Flutter Web(PWA)

I'm interested in using Flutter primarily for my startup MVP on Web and possibly Android. I see the flutter community has made a lot of widgets but a lot of them are tagged iOS or Android. Since Futter is all about using one codebase is it wrong to assume that these widgets would work on web too? I imagine the setup would be different but similar with a Flutter web app as opposed to a Flutter Android app.
I couldn't find a whole lot about this on the Flutter site. I also know that web is still beta but by the time I'm done with the MVP it'll probably be at stable release or close enough.
Well... It depends. If the widget has some sort of native code the answer is no. In Flutter there are two type of packages: the "normal" package, and the plugin.
The packages are made only of dart code, so there are no bounds to native, and you can use everywhere dart (and Flutter) can run.
The plugins are packages with native code and you can use only on the platform supported by that plugin.
For example the package provider, it's a package, and you can use in every supported platform where dart (and Flutter) can run. But url_launcher, it's a plugin, so you can run only on Android, iOS, and web, but for example on desktop, it will no work.
If the package if you found it's only a widget, you should be able to use on the web.
TLDR: No,a PWA it's a web app, so it can't run Android or iOS specific code.

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

Ionicframework photo editor

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.

Best framework to create mobile applications?

I'm looking for a Framework to create mobile applications, if possible writing all code in Java. The idea is create for all mobiles Android, iOS, Windows Phone etc.
I found: Sencha, Vaadin and others.
What's the best ?
if you need to build cross mobile application you can use phonegap http://phonegap.com/ it is better you can use javascript and HTML and CSS to build applications.
Xamarin is another great one. I think you're asking the wrong question though. There isn't really a BEST one, its more what fits into your style. Some might say phonegap is the best, but you can't use code behind in phonegap only HTML CSS and JavaScript. So you gotta find what works best with what you want to do.
Also, look up chrome web apps. You can now develop apps using chrome rendering engine and usual html css and other web based code types and package into apps for the different os app stores.
Everyone is talking about Ionic, I am using it and I love it. Here are some slides to introduce you.
I would use ionic framework, is based on apache cordova, and use AngularJS. If you dont know AngularJS you have other alternatives like goratchet made by bootstrap creators. The only 'problem' is that you'll have to use javascript, html and css, not Java.
I am using ionic framework as well. The best part is you do simple command like ionic build ios to have an ios version of your app, as well as ionic build android for android version.
AngularJS is actually easy to learn (as long as you have basic understanding of JS), the best resource would be egghead.io. I use Ruby on Rails as backend to render an API for my ionic app to consume, so i pretty much don't need to use NodeJS or other JS framework as backend. Also, there is a lot of support for ionic. You can always search Google for a codepen example if you need help.

i had an jquery page , i want to add it to the android activity,how it could be done?

I am new to android developement.i had created one page in jquery using html and css and i want to add it to the android activity but i am unable to do it,can anyone please provide me proper code for it?
If you're talking about how to make a hybrid app (using HTML/CSS/Javascript to make an application but still have native Android functionality) I would take a look into Phonegap. Just follow the directions and it lets you upload HTML/CSS and your AndroidActivity simply has to open it. Hope this helps.