Titanium: On The Fly Masked TextField - titanium

Titanium-Alloy SDK 3.2.1, Android 4.2.2.
Hi there, I would like to know if you have had the need to mask a textfield on the fly.
One project I am working on needs the user to input some formatted numbers (numbers+punctuation). On my best efforts, I've made a example project that makes use of a masked textfield using keypressed events on Android. It's HERE.
Questions are:
Should I follow this route?
Or is there a good module avaiable for this?
Any generic javascript option available (no DOM)?
Any suggestions or better ideas of how to deal with the
problem?
Thanks.

passwordMask is a boolean textfield property. If you need to dynamically toggle it, just do so in the controller like
if (condition){
textFieldName.passwordMask = true;
}

Related

In React Native, should accessibilityLabel be localized?

I assume that the accessibilityLabel for a component should be localized when you have an app supporting multiple languages. Can someone confirm this is the case? Or is there some other way you're meant to handle localization for this?
I've seen the accessibilityLanguage prop, but I have to assume that isn't actually going to do the translation for you. I haven't been able to find anyone talking about using translations in the label itself, so I just want to confirm.

How to show images and text using react-native-material-dropdown?

I'm developing social app using react-native.
There, I have one problm during developing.
I used react-native-material-dropdown module for making dropdown.
I want to show images and text on each element on dropdown.
But react-native-material-dropdown module doesn't support this feature.
How can I solve this problem?
Please help me.
Try using the renderBase prop, see this and this issues that could help you :)

How to use the front camera with react-native-document-scanner?

Working on a react-native app, I'm using react-native-document-scanner because I need to detect documents. However I need to switch between the front and the back camera. Is there a way to simply implement that or is there a package allowing it ? (react-native-camera does not suits my needs)
The creator of this package nicely implemented this feature especially for the need of this project. Many thanks to him !
Now the boolean props "useFrontCam" is available.

What is the best way to display and interact with a skill tree

I am trying to create an interface that is similar to the interface on this website for the skill tree: http://www.pathofexile.com/passive-skill-tree. What is the best way to go about doing this and have the same or similar user interaction. ie. you click on a node and it activate or deactivates it. The movement of the tree and zooming on it would be nice as well. Would like to try to stay away from webView as I am thinking about features I want to add. Thanks in advance just want to see what a good way to do this is.
you can use webView and have almost a copy-paste of the presented webpage html source and load it.
However with native components you can have better performance, but it will "not a copy"
Native componets:
IIViewDeckController for iOS
iHasApp for iOS
iHasApp for iOS
There are more on that side. Consider a combination of they,

Sencha Touch Passcode

Is there a control in Sencha Touch to show a passcode field like shown in picture below?
No theres no native component who does exactly this. But you can build it by yourself: its a form with 4 input fields and a dozen buttons. See documentation for more details: http://docs.sencha.com/touch/1-1/#!/api/Ext.form.FormPanel
No, you have to build and design this one completly by yourself.
Note: To get rid of the browser controls, you have to enforce that the application is running form the homescreen. You can control (with some Javascript) if the application is running MobileSafari or as a "Web App". (see: http://cubiq.org/add-to-home-screen as an example of such an implementation)
But, however, I would not recommend using such a component. A) This can confuse people and B) Can intent users to type in their regular passcode. As a developer I wouldn't be comfortable with that situation.