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
    })
}