Comments (4)
For example when using UIBarButtonSystemItemCancel
:
and I get this for "free" without having to do the localization of strings myself.
from ex-navigator.
@cancan101 I agree. But, I think the EX-Navigator is for "Router/Navigator" feature for RN. You can use a package like that: https://github.com/stefalda/ReactNativeLocalization for "language feature" - that can be used on all components - and use the renderRightButton() to render the text on Topbar.
import LocalizedStrings from 'react-native-localization';
let strings = new LocalizedStrings({
en:{
cancel: "Cancel",
},
pt: {
cancel: "Cancelar",
}
});
// Render
renderRightButton() {
<Text>
{strings.cancel}
</Text>
}
from ex-navigator.
Sure, I was hoping to lean on the work Apple has already done to localize those strings rather than doing it myself (FWIW the linked library does look nice).
Further there is the question of getting access to the native icons. While there are packages like: https://github.com/corymsmith/react-native-icons and https://github.com/oblador/react-native-vector-icons, for consistency I would like to use the actual IOS native icons.
from ex-navigator.
One thing we're trying to do with ExNavigator is focus on cross-platform support. So we can take inspiration from Apple's design but can't rely on calling their actual functions. For example translating Cancel -> Cancelar is something you'll have to do however you see fit for your codebase.
Likewise for the native icons we can't tell UINavigationController to display them because we're not using any complex UIKit views. My suggestion here would be to extract the iOS art assets and then display them using RN's <Image>
component.
If there are generalized solutions for adding nav bar buttons that ExNavigator can help with, we can look into that.
from ex-navigator.
Related Issues (20)
- import type * as ExRoute from './ExRoute'; HOT 3
- onWillFocus called for previous route and pushed route
- cannot navigate using navigator.push HOT 1
- renderScene doesn't render the component with latest properties passed to the router
- Are there any plans to wrap Navigator Experimental? HOT 1
- proxy `replacePreviousAndPop` method HOT 2
- problems with UIManager.measure() HOT 4
- Element type is invalid: expected a string HOT 2
- How to make title center in android? HOT 4
- Dude's where's the ex-navigation mentioned at ReactEurope? HOT 5
- Can we use ex-navigator to create slide menu ? HOT 2
- when react-native >=0.27, The code 'import ExNavigator from '@exponent/react-native-navigator' ' is wrong HOT 2
- When hiding the back button on Android, the title is placed odd. HOT 1
- Override Back Button Route HOT 1
- How do I get when the user presses 'back'?
- Two export default lines in ExRouteRenderer.js HOT 1
- Only one default export allowed per module. HOT 1
- getNavigatorByUID() -> "Navigator does not exist" HOT 1
- Hook up navigation bar methods to the scene state and props HOT 2
- onDidFocus inside route component
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ex-navigator.