[React Native] iOS TextInput autoScroll, autoFocus 되지 않는 이슈 (+TextInput이 키보드에 가려지는 이슈)

<ScrollView>
    <TextInput />
    <Image />
    ...
</ScrollView>

위 내용은 제가 작업하고 있는 모바일 텍스트 에디터의 모습을 간단히 나타낸 것입니다.

ScrollView 안에 TextInput과 Image 태그를 혼합하여 사용 중입니다.

일부 모습을 보여드리면 아래와 같습니다.

작업하던 중, ios에서 textInput에 autoFocus와 autoScroll이 되지 않는 이슈가 있었습니다.

자동 스크롤이 되지 않아 multiline으로 작성하던 내용이 키보드에 가려 나타나지 않는 이슈도 있었습니다.

 

저는 이 이슈를 TextInput 속성에 scrollEnabled={false}를 추가하여 해결했습니다.

<TextInput 
	...
    multiline
    scrollEnabled={false}
>

 

 

참고

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

KeyboardAvoidingView has no effect on multiline TextInput · Issue #16826 · facebook/react-native