Question

我在textInput中有一个View，flex位于textInput的中心。问题是，当您开始用textAlign: left书写时，即使我没有那样设置样式，文本也会居中...

初始光标位于正确的位置，但是一旦用户开始键入，文本就会居中。

奇怪的是，此问题仅与ios有关，而不与android ...

我尝试添加import React from 'react'; import { StyleSheet, Text, View, TextInput } from 'react-native'; export default class App extends React.Component { render() { return ( <View style={styles.container}> <TextInput style={styles.textFieldStyling} placeholder="Try typing something..."></TextInput> <Text style={styles.textStyling}></Text> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'orange', alignItems: 'center', justifyContent: 'center', }, textStyling: { fontSize: 50, textAlign: 'center', }, textFieldStyling: { color: 'blue', }, });样式，但没有任何效果。我在做什么错，该如何解决？

这是项目的链接：https://snack.expo.io/S1PlOqFvN

{{1}}

Answer 1

React Native中的TextInput没有关闭标签

  <TextInput
      style={styles.textFieldStyling} 
      placeholder="Try typing something..."
  />

TextInput中的文本在ios上的位置不正确

1 个答案: