수직 정렬 중심 반응 기본 보기와 관련된 주요 문제는 스크롤 문제를 일으킬 수 있다는 것입니다. 사용자가 페이지를 아래로 스크롤하면 화면 중앙에 있는 콘텐츠는 함께 아래로 이동하지만 화면 측면에 있는 콘텐츠는 고정된 상태로 유지됩니다. 사용자가 모든 콘텐츠를 한 번에 볼 수 있도록 하려면 문제가 될 수 있습니다.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
React Native에는 뷰를 세로로 정렬하는 기본 제공 방법이 없습니다. 그러나 "translateY(50%)" 값과 함께 스타일 속성 "transform"을 사용하여 보기를 세로로 중앙에 배치할 수 있습니다.
반응 네이티브에서 텍스트 세로 정렬(nativebase 사용)
텍스트의 수직 정렬은 TextAlign 속성으로 제어됩니다. 세 가지 가능한 값이 있습니다.
왼쪽 (left)
센터
연락해주세요
중첩된 텍스트
React Native에서 중첩 텍스트는 다른 텍스트 필드를 포함할 수 있는 텍스트 필드를 만들 수 있는 기능입니다. 이는 여러 필드가 있는 양식을 만들고 필드를 정리된 상태로 유지하려는 경우에 유용합니다.
React Native 앱에서 중첩된 텍스트를 사용하려면 먼저 새 TextField 구성 요소를 만듭니다. 그런 다음 생성자에 다음 코드를 추가합니다.
this.state = {};
빈 문자열을 포함하도록 텍스트 필드의 상태를 초기화합니다. 다음으로 onChange 핸들러에 다음 코드를 추가합니다.
this.setState({텍스트: this.state.text});
이것은 현재 텍스트 필드에 있는 값으로 텍스트 필드의 상태를 업데이트합니다. 마지막으로 원본 구성 요소 아래에 새 TextField 구성 요소를 추가하고 하위 필드로 사용하도록 지정합니다.
