react-native 정리 - 2 ScrollView, TextInput
ScrollView
스크롤 되는 영역이 만들어진다.onMomentumScrollBegin : 스크롤이 움직였을 때 실행된다.
onMomentumScrollEnd : 스크롤의 움직임이 멈췄을 때 실행된다.
onScroll : 스크롤의 움직 임이 발생했을 때 실행된다.
onContentSizeChange : 스크롤 안에 컨텐츠의 사이즈가 변할 때 실행된다.
bounces : 통통 튀는 효과 (true/false)
- 다른 프로퍼티는 문서를 참고하자.TextInput
앱 화면에서 텍스트를 직접 입력할 때 쓰인다.<TextInput
value={this.state.text}
onchangeText={this.onchangeInput}
/>
안드로이드와 ios 기본 스타일이 다르다. 이벤트가 발생하는 프로퍼티가 필요하다.
onchangeText : 입력 칸에 텍스트가 바뀔 때 실행된다.
mutiline : true/false 글자수가 많으면 개행이 된다.
maxLength : 글자수 제한
autoCapitalize = 'none' : 대문자 자동 수정을 없앤다.
editable : true/false 수정여부를 설정한다.
글자 입력될 때 state 값 변경되는 함수
state = {
myTextInput : '글자'
}
onchangeInput = (event) = {
this.setState({
myTextInput: event
})
}
Author And Source
이 문제에 관하여(react-native 정리 - 2 ScrollView, TextInput), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@soob1008/react-native-정리-2저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)