Warm tip: This article is reproduced from serverfault.com, please click
internationalization react-native reactjs updates view

React Native, how to update view after language change

发布于 2018-03-01 17:29:12

I want to support language change (manually by user). I'm using react-native-i18n for that. I found how to change the displayed language at run time but I didn't find how to update the current view.

My Code

enter image description here

Environment

Environment:

  • Node: 8.9.4
  • Yarn: 1.3.2
  • npm: 4.0.5

Expected Behavior

When I use I18n.locale ='en'; not in function.. just as it is, the text will be in English and when I use I18n.locale ='he'; the text will be in Hebrew. However I need to change the language at run time. So I want that when I click each button the language will change and will be displayed.

Actual Behavior

Nothing happened.. I assume I need to reload / re-render / update the view but I didn't find how to.

Questioner
Omri Attiya
Viewed
0
分享
Mertcan Diken 2018-03-02 18:04:09

You can try something like this

<View style={styles.container}>
    <Button onPress={this.setLocale()} title={strings('test.b1')}> 
</View>

public setLocale() {
    this.setState({stateOfLocale: 'en'});
    I18n.locale = stateOfLocale;
}
Omri Attiya 2018-03-03 10:34:44

completely working! thank you, plus now I understands better how react native works

Mertcan Diken 2018-03-03 22:35:21

Great to hear that!

热门帖子

1
我发布了一个自认为很厉害的 Java 参数校验组件，它几乎可以满足所有的参数校验场景，请各位 V 友发表一些看法
2
求推荐好用的记账 app
3
肝了五一假期： iOS 平台的假期调休闹钟「休息日」，限时免费，没有内购
4
一个运维应该用什么方式去请教后台管理订单的同事关于他们部门的事情
5
尝试收个 iPhone 13 Pro Max
6
程序员 15w 接了一个公寓系统+小程序
7
Gigapixel AI: 简单易用的图片放大器
8
Face to Many: AI肖像滤镜 (可以转换成20多种风格，PS2风、黏土风...)
9
Story Diffusion: 一键生成漫画故事书
10
Magnific AI: Ai图片放大增强和风格转换器

热门github

1
Implementation of paper - YOLOv9: Learning What You Want to Learn Using Programmable Gradient Information
2
A Windows and Office activator using HWID / Ohook / KMS38 / Online KMS activation methods, with a focus on open-source code and fewer antivirus detections.
3
Get up and running with Llama 2, Mistral, Gemma, and other large language models.
4
该项目可以让你通过订阅的方式使用Cloudflare WARP+，自动获取流量。This project enables you to use Cloudflare WARP+ through subscription, automatically acquiring traffic.
5
Multi functional app to find duplicates, empty folders, similar images etc.
6
Xray panel supporting multi-protocol multi-user expire day & traffic & ip limit (Vmess & Vless & Trojan & ShadowSocks & Wireguard)
7
The Free Software Media System
8
lightweight, standalone C++ inference engine for Google's Gemma models.
9
📚 Freely available programming books
10
A collective list of free APIs
11
1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java
12
🎓 Path to a free self-taught education in Computer Science!
13
Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA...
14
This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems
15
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention.