Codename one, How can i achieve this User Interface? - codenameone

I came across this app from google groups, They say its done with codenameone.
Does anyone have an idea how they achieved this UI. It doesnt look like the cn1 default UI.
Please see the google play store link if you can.
Playstore link

That's the default ComboBox UI when running under Android 2.x with the native theme. To see how this was styled you can open the Android 2.x native theme file from our git repository (androidTheme.res) https://github.com/codenameone/CodenameOne/tree/master/Themes

Related

How to configure a specific setting of ios or android phone in th background if my react native app is open in foreground?

First of all I'm new as React-Native programmer. Currently I want to add a button to my React-Native(Expo) app, in which the user can turn off or on a setting. Is this possible and if so, how can I do that? For example in Android > Settings > Mobile Networks > Turn off mobile roaming?
Thank you in advance
I have tried to use HeadlessJS or a module called background actions. But there are no well documented examples and I also don't know if those modules answer my question. Because my task is more "straightforward" since I keep the app running in the foreground.

Is there any implementation of change language available on button click in react native expo localization..?

I am trying to implement multilanguage support of arabic language in react native expo app. I found many packages on internet but I am using localization module in my expo app. For that I found a solved example on expo snack.
https://snack.expo.io/#marcelkalveram/localizaton-example
but its giving an error. can anybody solve the error.
I want to change the language of whole expo app in arabic on button click, but I haven't found such implementation in expo app.
If any one has encountered similar problem in expo app or if anyone knows another good solution which fulfills my requirement of changing app language on button click, please help..
Thanks..
Use i18n-js with expo localization, read the expo documentation for the usage. https://docs.expo.io/versions/latest/sdk/localization/

Nativescript calendar plugin

Can anyone tell me how to use the calendar plugin in nativescript? And I am using only XML not with typescript. I need the calendar control exactly like as in Bookmyshow.
There are several options for calendar plugin.
The most extended one is the telerik-ui for NativeScript
The calendar is highly customisable and offers a lof of functionality.
You can see more about it here - keep in mind that this is a paid functionality.
Another option is to search for community-made nativescript calendar related plugins. Like this one here! Not familiar with it - it looks easy to work with.
The third option is to use date-picker. IF you are looking for a calendar in Android then you can open your app/App_Resources/Android/values-21 folder and open the file styles.xml and modify the default mode of the date picker from spinner to calendar.
Example:
<item name="android:datePickerMode">calendar</item>
You might be interested in the "Telerik UI for NativeScript" plugin. There is a free and pro version which contains a really slick looking and functioning calendar UI component.
More details about the plugins and their contents can be found here. Additionally you can take a look at the sdk examples regarding the RadCalendar component for both vanila and Angular 2 NativeScript.
I'm using this npm package:
https://www.npmjs.com/package/nativescript-calendar
"nativescript-calendar": "^1.0.7",
I juss created a wrapper over android-lib which help in rendering calendar in nativescript. checkout the plugin
https://www.npmjs.com/package/nativescript-calendar-weekview

Migrate link from mobile web browser to mobile app

I want that my online website link that is opened in my mobile browser checks whether my mobile app is installed or not and then opens it in my mobile app.
I want my functionality as I have shown in this
image
I am using AngularJS,Express,NodeJS in my application.I tried node deeplink
but it does not work for me.Please provide me with the appropriate solution.
This functionality is known as Mobile Deep Linking. The easiest way to get started is with a deep linking service like Branch.io (full disclosure: I'm on the Branch team), Yozio, or Firebase Dynamic Links. They all do exactly what you're describing.
this could Help you perhaps:
Check this

What is the most up-to-date approach to add my own Splash Screen in Sencha Touch

I need my own splash screen when starting up my app.
I use SenCha Touch + Cordova.
Searched and found several ways to do splash screens, however I do not think they are up-to-date.
I saw some code which tried to add a few lines of code into launch function, but the latest Sencha Touch does not do it in the app.js any more instead, it add the Main view to its viewport.
Also, I checked Sencha Touch doc and found
Class currently only works with Cordova and does not have a simulated
HTML counter part. Please see notes on Cordova Docs for proper Native
project code changes that will need to be made to use this plugin.
But it provides some methods after that statement :
newExt.device.Splashscreen( ) : Ext.device.Splashscreen
So I feel confused and don't know which one should I follow.
What is the latest approach to do the splash screen in Sencha Touch?
I currently have the exact same problem as you. Here is information I got from Sencha:
All splashscreen functionality is provided by the Cordova/Phonegap plugin. Our class methods are just convenience methods to the cordova native API and will provide a 'stub' for you if Cordova is not available so that your application does not bomb upon startup (no splashscreen shows, it's just that your app will not crash when trying to access an API that is not there).
In theory, if your application is built with Cordova/Phonegap and your splashscreen images are provided with the application build as specified by Cordova/Phonegap you would initiate a call to Ext.device.Splashscreen.show() after the device is ready (as demonstrated in the example found in http://docs.phonegap.com/en/2.6.0/cordova_splashscreen_splashscreen.md.html#Splashscreen)
The splashscreen feature is a native API, not one that is provided by Touch. You can, should you wish, provide your own coding in your index.html file of your native application which will manually display an image (much the same way we do the initial CSS flashing load indicator), but ultimately that would be up to you to implement manually.
I would suggest that you follow the Cordova guidelines, place your images in the res/drawable directory of your android project and let Cordova do all the hard work for you by just making a single call to Ext.device.Splashscreen.show() when the device is ready and then calling Ext.device.Splashscreen.hide() in the launch area of your application to hide it when your app has rendered its view.
To include Cordova in your application, we now provide you with sencha cmd switches to enable Cordova. You can find more information here
http://docs.sencha.com/touch/2.3.1/#!/guide/cordova
Please note that you will have to download all required components of Cordova, modify the Cordova configuration files as outlined in the Cordova docs, and build the application using either the Cordova command line interface (CLI) or your favourite Android build IDE (Eclipse, IntelliJ, etc).
Use this plugin https://build.phonegap.com/plugins/620
When you use this plugin and build locallym you have to place the icons and splashscreen in the res/ folder manually.

Resources