2017-09-12 2 views
1

Normal view Landscape view - full screen edit 내 반응 네이티브 안드로이드 응용 프로그램에서이 세로 & 가로보기의 동일한 텍스트 상자입니다. 나는 selectionColor & underlineColorAndroid 속성을 사용하여 글꼴 색상을 설정했습니다.반작용 - 기본 텍스트 입력 색상 문제를 전체 화면 편집

<TextInput selectionColor={FormElements.textInputSelectionColor} underlineColorAndroid={FormElements.textInputSelectionColor} placeholder={"Email Address"} placeholderTextColor={FormElements.textInputPlaceholderColor} keyboardType="email-address" value={this.props.email}/> 

하지만 문제는 전체 화면 편집 (가로 모드)에서 흰색 배경으로 읽기 어렵습니다.

그래서 전체 화면을 전체 화면에서 배경색 또는 텍스트 색상을 검정색으로 다시 변경하고 싶습니다.

시도했지만 해결책을 아직 찾지 못했습니다. 캠 누군가 나에게 해결책을 제공해 주시겠습니까?

이 전체 화면 팝업은 가로 모드로만 나오지 않습니다. 키보드를 차지할 공간이 충분하지 않을 때가 있습니다.

답변

0

사용자가 화면 방향을 변경했는지 확인할 수있는 react-native-orientationhttps://github.com/yamill/react-native-orientation/과 같은 라이브러리가 있습니다. 방향에 따라 다양한 스타일을 적용 할 수 있습니다.

그러나 언급 한 시나리오에서는 방향에 따라 색을 변경하는 것이 사용자에게 친숙하지 않을 것이라고 생각합니다. 모든 해상도와 방향에서 잘 보이는 표준 색상 조합을 사용하는 것이 좋습니다.

희망이 있습니다.

+0

고마워요,하지만 저는 애플 리케이션이 그런 것을 보았습니다. 실제로 화면의 방향과 관련이 없습니다. onLayout 이벤트를 사용하여 오리엔테이션을 확인할 수 있습니다. 여기서 문제는 키보드를 차지할 공간이 충분하지 않을 때 전체 화면 편집기가 튀어 나오는 것입니다. 일부 응용 프로그램은 텍스트 상자 배경이 검정이고 텍스트가 흰색 인 것을 보았습니다. 전체 화면 편집기를 사용하면 흰색 배경에 검정 텍스트가됩니다. –

0

이것은 RN의 문제였습니다. RN V50.0 (이전 버전은 V47.0)으로 앱을 업데이트했습니다. 이제 위의 문제는 더 이상 존재하지 않습니다. TextBox는 팝업 될 때 검은 색 글꼴을 표시합니다.