OGeek|极客世界-中国程序员成长平台

标题: ios - 文本输入垂直对齐 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 20:05
标题: ios - 文本输入垂直对齐

有人知道如何使用自定义字体(内容和占位符)修复 TextInput 的垂直对齐吗？我尝试了所有这些:

• justifyContent:“中心”，
• alignItems:'居中'，
• textAlign: '居中',
• textAlignVertical: ‘居中’,

没有任何作用!有什么建议吗？

           <TextInput
            ref={ref => this.emailField = ref}
            placeholder="E-Mail"
            style={styles.loginInput}
            placeholderStyle={styles.loginInput}
            editable={true}
            maxLength={40}
            autoCorrect={false}
            selectionColor="#9D9D9D"
            placeholderTextColor="#9D9D9D"
            autoCapitalize="none"
            keyboardType="email-address"
            returnKeyType="next"
            keyboardAppearance="dark"
            textAlign="center"
            underlineColorAndroid="transparent"
            onSubmitEditing={() => this.passwordField.focus()}
            value={this.state.email}
            onChangeText={(text) => this.setState({ email: text })}
          />

  loginInput: {
    width: '70%',
    height: 40,
    marginBottom: 8,
    backgroundColor: '#dbdbdb',
    fontFamily: 'Neuzeit Grotesk Regular',
    fontSize: 18,
    justifyContent: 'center',
    alignItems: 'center',
    textAlign: 'center',
    textAlignVertical: 'center',
  },

---

Best Answer-推荐答案

我遇到了同样的问题。 TextInput 有一个默认的填充， 就我而言。我在 TextInput 样式中添加了 paddingTop: 0, paddingBottom: 0。

关于ios - 文本输入垂直对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50064386/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://jike.in/)

Powered by Discuz! X3.4