버튼을 하단에 고정시키기

<View style={styles.container}>
	<View style={styles.innerContainer}>
    	<TextInput />
    </View>
    <TouchableOpacity style={styles.button}></TouchableOpacity>
</View>

해당 경우에 버튼을 스크린 맨 아래에 고정시키고 싶을 때 두가지 방법이 있다.

1. 
const styles = StyleSheet.create({
	container:{
    	flex:1,
    },
    innerContainer:{
    	flex:1,
    }
})

2. 
const styles = StyleSheet.create({
	container:{
    	flex:1,
        justifyContent: 'space-between',
    },
})

여기서 1번 방법을 사용 할 경우 안드로이드에서 TextInput에 포커싱이 되고 키보드가 올라왔을 때 버튼이 같이 올라오게 된다.

좋은 웹페이지 즐겨찾기