반응형
Ract Native(원본 반응)에서 입력이 초점을 잃거나 흐릿함을 방지할 경우에도 키보드를 계속 열어둘 수 있는 방법이 있는가?
나는 네이티브 '노트' 앱에서와 같은 효과를 얻기 위해 노력하고 있다.기본적으로 화면의 95%를 커버하는 텍스트 입력이 있고 아래쪽에 작은 버튼이 있다.버튼을 한 번 누르면 버튼이 트리거된다.onPress
대신, 탭은 텍스트 입력을 흐리게 하고 나는 버튼을 다시 눌러야 한다.onPress
사건의
입력이 흐려져도 키보드를 억지로 열게 하는 방법도 알고 싶다.
고마워요.
ScrollView를 사용하면 키보드를 닫을 수 있다.중첩된 요소를 사용하는 경우 상위 스크롤보기 키보드에 속성을 추가하는 것을 잊지 마십시오.WasPersistTaps="항상".그리고 키보드의 blurOnSubmit={false}를 추가하여 제출이 종료되었을 때 깜박이지 마십시오.
<ScrollView keyboardShouldPersistTaps="handled">
<ScrollView keyboardShouldPersistTaps="always">
<TextInput
placeholder="First field"
returnKeyType="next"
blurOnSubmit={false}
onSubmitEditing={() => {
this.textInput.focus();
}}
/>
<TxtInput
placeholder="Second"
getRef={(e) => {
this.textInput = e;
}}
returnKeyType="done"
/>
</ScrollView>
</ScrollView>
RN v 0.55.3에서 작업
이 문제에 대한 몇 가지 해결책이 Github에 게시되었다(내 생각에 당신이 이 질문을 잘 올렸다고 생각한다).
이 문제에 직면한 다른 사람들을 돕기 위해, 당신은 여기서 완전한 논의를 찾을 수 있다.
https://github.com/facebook/react-native/issues/4229
내 경우는 그 문제는 그 때문에 생긴 것이다.<ScrollView/>
입력과 제출 단추를 채우는 것.
ScrollView에 다음 속성을 추가하면 제출할 수 있지만 스크롤을 하면 키보드가 해제된다.
<ScrollView
keyboardShouldPersistTaps={true}
keyboardDismissMode='on-drag'
ref = 'scrollView'
automaticallyAdjustContentInsets={false}
horizontal={false}
style={styles.scrollView}>
{pagecontent}
...
</ScrollView>
반응형
'IT이야기' 카테고리의 다른 글
useLimenscer([state,dispatch]]) 및 useContext를 사용하여 불필요한 리렌더를 피하는 방법 (0) | 2022.03.26 |
---|---|
store.js 디스패치 기능에서 작동하지 않는 Vue-router 리디렉션 (0) | 2022.03.26 |
vue js에서 소품으로 기능 전달 (0) | 2022.03.26 |
재료 ui에서 효소 테스트 클릭을 시뮬레이션할 수 없음 환원 형태 필드 태그에 중첩된 경우 확인란 (0) | 2022.03.26 |
Vue.js - Vuex를 사용하여 동적 사이드바 사고 방식(Navbar에서 사이드바까지) 열기/닫기 (0) | 2022.03.26 |