[React Native] ํ‚ค๋ณด๋“œ๊ฐ€ TextInput์ฐฝ์„ ์•ˆ ๊ฐ€๋ฆฌ๋„๋ก ํ•ด๋ณด์ž! (KeyboardAwareScrollView)
ยท
Frontend/React Native
์ปค๋ฎค๋‹ˆํ‹ฐ ์ƒ์„ธํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“œ๋Š” ๊ณผ์ •์—์„œ TextInput์ฐฝ์ด ์Šคํฌ๋ฆฐ์˜ ๋งจ ๋ฐ‘์— ์œ„์น˜ํ•˜๋„๋ก ํ•˜์˜€๋‹ค. ์•ฑ์œผ๋กœ ๊ฐœ๋ฐœ์„ ์ฒ˜์Œํ•ด๋ณด๋‹ˆ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒผ๋‹ค. ํ‚ค๋ณด๋“œ๋ฅผ ๋„์šฐ๋ฉด TextInput์ฐฝ์„ ๋ฎ์–ด ๋ฌด์—‡์„ ์ž…๋ ฅํ•˜๋Š”์ง€ ๋ณผ ์ˆ˜๊ฐ€ ์—†๊ฒŒ ๋œ ๊ฒƒ์ด๋‹ค. ํ‚ค๋ณด๋“œ๊ฐ€ TextInput์ฐฝ์„ ์•ˆ๊ฐ€๋ฆฌ๋„๋ก ํ•˜๊ณ  ํฌ์ปค์‹ฑ์ด ๋˜๋„๋ก ํ•ด๋ณด์žโ—โ— 1๏ธโƒฃ react-native-keyboard-aware-scroll-view ๋ชจ๋“ˆ ์„ค์น˜ npm i react-native-keyboard-aware-scroll-view --save 2๏ธโƒฃ import๋ฌธ import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'; 3๏ธโƒฃ ๋ณธ๋ฌธ ๋‚ด์šฉ์„ KeyboardAwareSc..
_์„ฑํ˜ธ_
'KeyboardAwareScrollView' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก