In React Native, should accessibilityLabel be localized? - react-native

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.

Related

How to make a family tree app using React Native?

For school, I have to make my first app with React Native. It's a family tree app; my teacher said it's the best choice to make that with all View-elements, even the lines between family members. But I think that won't ever be possible to calculate all distances perfectly.
Isn't there any other way to make this kind of app?
I think you are right and you need to take something like https://github.com/software-mansion/react-native-svg
With SVG you can draw shapes and arrows to connect your tree items.
For React exists a beautiful library called https://reactflow.dev. Unfortunately, it is a Web-only solution, but you can check how they render trees and repeat it in RN.
Also, read this article about storing tree data in JS https://medium.com/#iampika/javascript-trees-b8f3b4261c3a it should be helpful.

Can I use different fonts for each language in React Native?

I'm using React Native to create a Korean app.
I want to use different fonts such as Korean and English.
For example, 헬로우 World
In this case, Is there a way to use different fonts?
I'd appreciate it if someone could tell me how.
You can change the font-family of the app for different languages.
Based on the user's selected language, change the font-family to something specific. You can store the font family in a centralized store like Redux.

React Native inputs on iOS and Android

I've been evaluating React Native as a replacement for Cordova, and was wondering if there is a widely accepted solution for styled text inputs. I'd like to see text inputs rendered in Material Design on Android, and Apple style on iOS.
Do you have recommendations for a specific library, or will I have to write my own/combine multiple libraries? Thank you!
You could check out https://nativebase.io/ it supports platform specific default styling there are others as well like https://react-native-training.github.io/react-native-elements/ and http://www.xinthink.com/react-native-material-kit/ which has consistent styling regardless of platform.
Coming from a Cordova/Sencha Touch background I suggest you try to create your own style using only the default react native components, the reason is that before I was having the same question regarding component library that I could use so that I could target all platform at once, but react native isn't 100% cross platform and learning to style on different platform might give you an idea and feedback with your evaluation, unless your aiming to have a project as soon as possible and that is a different story.

Titanium: On The Fly Masked TextField

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;
}

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,