android - 为什么输入字段在 android 中不显示全角？

Question

我正在使用 react-native 。我的输入字段没有以完整的 width 显示，为什么？但是当我检查 IOS 时，它可以正常显示全宽输入字段。这是我的代码 https://rnplay.org/apps/aHRkHA

import React from 'react';
import {
  registerComponent,
} from 'react-native-playground';
import {
  StatusBar,
  StyleSheet,
  Text,
  TextInput,
  View,
} from 'react-native';

class App extends React.Component {
  render() {
    return (
           <View style={styles.container}>

                <Text style={styles.heading}> Login</Text>
                <TextInput
                    style={styles.loginInput}
                    placeholder="Type here to translate!"
                />
            </View>
    );
  }
}

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#EF501E',
        flex: 1,
        alignItems: 'center'
    },
    logo: {
        width: 50,
        height: 50
    },
    heading: {
        fontSize: 30,
        marginTop: 20
    },
    loginInput: {
        height: 50,
        borderWidth: 1,
        borderColor: '#33090C',
        flexDirection: 'row',
        justifyContent: 'center',
    }
});

registerComponent(App);

Answer 1

尝试覆盖 alignItems: 'center' parent 的 alignSelf: 'stretch'对于 <TextInput> :

<View style={styles.container}>
  ...

  <View style={{alignSelf: 'stretch'}}>
    <TextInput
      style={styles.loginInput}
      placeholder="Type here to translate!"
    />
  </View>
</View>