React Native에서 텍스트 입력을 올바르게 정렬하는 방법은 무엇입니까?

React Native에서 텍스트 입력을 올바르게 정렬하는 방법은 무엇입니까?

---

텍스트 입력이 가운데 정렬되어 있습니다.이 텍스트 입력을 수정하여 왼쪽 상단 모서리에서 입력을 받도록하는 방법

다음은 텍스트 입력 용 CSS입니다.

/* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */

input: {
  flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150
}

---

같은 문제가 있었지만 위의 메모로는 해결되지 않았습니다. 여러 줄 입력에서이 문제를 해결 하는 Android 전용 스타일 속성 textAlignVertical이 있습니다.

즉 textAlignVertical: 'top'

---

Android에서 TextInput 스타일이 textAlignVertical: 'top'작동 하는 솔루션을 찾았습니다 . 하지만 iOS에서는 TextInput prop이 multiline={true}작동합니다.

---

iOS 앱에서도 비슷한 사용 사례가 있었는데 TextInput'의 높이가 100이고 자리 표시자가 중간에 표시되었습니다. 나는 사용 multiline={true}했고 텍스트가 위에서부터 나타나도록 만들었다. 도움이되기를 바랍니다.

---

TextInput에는 기본 패딩이 있으며 다음을 설정하여 재정의합니다.

paddingTop: 0,
paddingBottom: 0

Github 문제

---

업데이트 2015-07-03 : 여러 줄 텍스트 입력이 이제 병합되었습니다.

https://github.com/facebook/react-native/pull/991

여러 예제 설명 된대로와 선박은 UI Explorer에서 기본 반응하는 것이 작동합니다.

문제는 여러 줄 TextInput이 아직 제대로 작동하지 않고 문서가 오해의 소지가 있다는 것입니다. 이 Github 문제를 참조하십시오.

https://github.com/facebook/react-native/issues/279

"아직이 기능을 오픈 소스로 이식하지 않았습니다."

이 문제에는 최소한의 여러 줄 기능을 제공하는 일부 코드가 있으므로 작업을 수행 할 수 있습니다.

---

코드를 찾고있는 경우 :

<TextInput
placeholder={'comment goes here!'}
multiline
style={{textAlignVertical:'top', ...otherStyle}}
/>

---

두 플랫폼에서 텍스트를 세로로 가운데 정렬하려면 다음을 사용하십시오.

안드로이드 용 textAlignVertical: "center"

iOS 용 justifyContent: "center"

참고 URL : https://stackoverflow.com/questions/29560065/how-to-align-text-input-correctly-in-react-native