如何设置React Native应用程序的方向或语言

时间:2018-07-25 14:44:43

标签: android react-native

我有一个问题,在安装在计算机上的仿真器中,组件的方向是从左到右(英语):enter image description here

但是在我的物理电话中,我看到方向是从右到左(我的电话在希伯来语中):enter image description here

所以我的问题是如何设置应用程序的方向或语言始终为英语?

这是该登录组件的代码:

<View style={[styles.inputWrapper, {'marginBottom': 20}, this.state.usernameErr ? {'borderColor' : 'red'} : null]}>
        <View style={styles.inputLogo}><Icon name="ios-person" size={20} color="rgba(14, 54, 124, 0.83)" /></View>
        <View style={styles.inputCon}>
        <TextInput style={styles.input} onChangeText={(text) => this.validateUsername(text)} value={this.state.username} placeholder="Username" underlineColorAndroid="transparent"/>
        </View>
      </View>
      <View style={[styles.inputWrapper, this.state.passwordErr ? {'borderColor' : 'red'} : null]}>
        <View style={styles.inputLogo}><Icon name="ios-unlock" size={20} color="rgba(14, 54, 124, 0.83)" /></View>
        <View style={styles.inputCon}>
        <TextInput style={styles.input} secureTextEntry onChangeText={(text) => this.validatePass(text)} value={this.state.password} placeholder="Password" underlineColorAndroid="transparent"/>
        </View>
      </View>

样式表:

inputWrapper: {
   flexDirection: 'row',
   borderBottomWidth: 1,
   borderColor: 'lightgrey',
   marginRight: 15,
   marginLeft: 15,
},
inputLogo: {
  paddingTop: 13,
},
input: {
  paddingBottom: 2,
  paddingLeft: 8,
  textAlign: 'left'
},
inputCon: {
  //padding: 5,
  flex: 1,
  alignSelf: 'flex-start'
},

0 个答案:

没有答案