I know it might sounds generic question but i need to know something about hybrid app.
I have a hybrid app developed using cordova framework, it has multiple pages(html divs).
Now, my question is does each page gets converted into an activity when i compile it(specific to andriod).
Thanks in advance
Your app will consist of one Activity only, which consists of a webview. In this webview your html content will be loaded. You can probably tell that the page transitions of your app differs from the native Android page transitions.
Related
I want to create a page made with native android with a small portion (say a horizontal scroll view) made from react-native inside the same android page like an android page with a react-native widget plugged in, such that the app is completely widgetized.
I know that it is possible to do so because I read about it in this article and some companies are using it.
Can anyone help me how to achieve this?
My question is same to this question, I found a few useful articles related to this matter for iOS but I want a solution for android.
I want to know if it's possible to design my android app UI with HTML5 and CSS3.
If it's possible, is there any performance issue?
Android has WebView which can render HTML content, but it doesn't provide the same user experience as native apps so its use is generally discouraged.
Yes it possible. As rhoadster91 stated, you can use a normal Android WebView which loads your "index.html". All your HTML files should be in the "assets/www" directory. But you'll find plenty tutorials out there which explain everything step by step. Have a look at Googles developer site.
A second possibility would be Phonegap. It is a little tool which helps you to deploy your app for various devices (Android, iOS, WP,...) while coding your app only once in HTML.
I experimented with jquery mobile, native application and phonegap. Building a web application at first seemed very attractive at first as the coding is a lot easier compared to native applications. Here is my opinion based on my research:
Using phonegap slows your application responses, it loads slowly and together with jquery mobile the response and load time increases. So I didnot use it.
Using jquery alone was no different in Gingerbread mobile and on emulator you can clearly see the lag in switching between one div to another div. I didnot use it either.
What I did was use android Webview. I wrote my own javascript and css and placed them on the head section of my page. Used div for changing pages on button click. This approach worked really good giving nearly native performance.
i am new to phonegap i want to know how can i improve performance of my app created using phonegap. Key issue is when the app starts up it is very slow on emulator as well as on device. When the app starts it first shows native android activity UI then the webview is invoked. Why this transition is happening and how i can hide from user.
Sounds like you are talking about splashscreen.
Im going to give you a lot of general answers, hope that some of them can help you.
You can extend the "splashscreen" life time by using the config.xml file, check this:
https://build.phonegap.com/docs/config-xml#android-prefs
Simon made a post about Android Splash Screens:
http://simonmacdonald.blogspot.dk/2012/04/phonegap-android-splashscreen-just-got.html
Or read some here:
Black screen for Android app
i am starting to make a game on android using phone gap. i want to switch between different layouts (like to change activities). as there is no activity in phonegap it extend Droidgap. any answer will be appreciated :)
PhoneGap basically uses Android Webview to display all activities. Just create different HTML pages and make links between them, you should then be able to navigate among all activities.
I am a newbie to Android development and was using PhoneGap to develop a simple application. Can anyone please answer the below questions?
In all the sample applications found in the internet, they use a single index.html file. How to develop an application in phonegap containing more than one page?
How can we navigate from one page to another?
I want to have the same code to work in iphone also, so if I create more than one activity will the same code work in Iphone?
Sorry, it was a dumb question and since I was new to phonegap development I had no idea what I was doing.
The problem was that at the beginning I considered it like developing an android application. If you consider it like developing a website, you will find that the answer is very simple.
So for example, in my home page I provided two anchor tags which will point to my webpages which will handle the other two functionalities. ie. In my sample application to create and list profiles, the homepage would look like this.
< a href="addProfile.html" style="styling for the anchor to look like a button"/>
< a href="listProfile.html" style="styling for the anchor to look like a button"/>
We use JavaScript to navigate between all of the pages we have in our application, navigating within a frame.
And yes, if it works in PhoneGap, it should work in both Android and iOS.