IT이야기

Ract Native(원본 반응)에서 입력이 초점을 잃거나 흐릿함을 방지할 경우에도 키보드를 계속 열어둘 수 있는 방법이 있는가?

cyworld 2022. 3. 26. 16:13
반응형

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>

참조URL: https://stackoverflow.com/questions/33798234/is-there-a-way-to-keep-the-keyboard-open-even-when-input-loses-focus-prevent-blu

반응형