버튼을 하단에 고정시키기
1993 단어 react nativereact native
<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에 포커싱이 되고 키보드가 올라왔을 때 버튼이 같이 올라오게 된다.
Author And Source
이 문제에 관하여(버튼을 하단에 고정시키기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hyeseon405/스크린에서-버튼을-맨-아래로-고정시키기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)