[React Native] ScrollView
ScrollView는 사용이 매우 간편. keyboardDismissMode, maximumZoomScale, contentContainerStyle,pagingEnabled,showsHorizontalScrollIndicator 등의 feature를 사용할 수 있으며, maximumZoomScale, minimumZoomScale은 iOS에서만 작동함. 샘플 예시 import React, { Component } from 'react'; import { StyleSheet, Text, View, ScrollView, Image, } from 'react-native'; export default class App extends Component { render() { return (
2019. 9. 28.
[React Native] Touchable Opacity
onPress, activeOpacity 등의 값 가질 수 있음 Child 뷰가 클릭될수 있게 돕는 기능으로, activeOpacity ={1}을 주면 클릭할때 반짝거리는 효과 완전 사라지고 평면 클릭하는것처럼 됨. onPressIn, onPressOut등을 사용하면 버튼을 눌렀을 때, 버튼을 뗐을 때를 인식해서 받아올 수 있음 샘플 예시 import React, { Component } from 'react'; import { StyleSheet, Text, View, Image, TextInput, Button, Platform, TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithoutFeedback } from '..
2019. 9. 28.
[React Native] Touchable Highlight
onPress, underlayColor, onShowUnderlay 등의 값 가질 수 있음 Child 뷰가 클릭될수 있게 돕는 기능으로, underlayColor={“#00000000”}을 주면 클릭할때 반짝거리는 효과도 사라져서 깔끔하고 좋음 onPressIn, onPressOut등을 사용하면 버튼을 눌렀을 때, 버튼을 뗐을 때를 인식해서 받아올 수 있음 샘플 예시 import React, { Component } from 'react'; import { StyleSheet, Text, View, Image, TextInput, Button, Platform, TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithout..
2019. 9. 28.