728x90
반응형
import React from 'react'
//'react-native'에서 ToastAndroid 가져오기
import { View, Text, ToastAndroid } from 'react-native'
let styles
const Toast = () => {
let { container, button} = styles
// ToastAndroid.show()를 호출하는 basicToast 메서드 만들기
const basicToast = () => {
ToastAndroid.show('Hello World!', ToastAndroid.LONG)
}
// ToastAndroid.showWithGravity()를 호출하는 gravityToast 메서드 만들기
const gravityToast = () => {
ToastAndroid.showWithGravity('Toast with Gravity!',
ToastAndroid.LONG, ToastAndroid.CENTER)
}
// View에 두 개의 버튼(Open basic toast, Open gravity toast) 만들기
// 버튼을 누르면, basicToast 팝업(basicToast popup) 표시하기
// 버튼을 누르면, gravityToast 팝업(gravityToast popup) 표시하기
return (
<View style={container}>
<Text style={button} onPress={basicToast}>
Open basic toast
</Text>
<Text style={button} onPress={gravityToast}>
Open gravity toast
</Text>
</View>
)
}
styles = {
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
button: {
marginBottom: 10,
color: 'blue'
}
}
export default Toast
728x90
반응형
'React Native' 카테고리의 다른 글
react native php-> myqli 연동 (0) | 2020.01.21 |
---|---|
React Native FlatList 추가 (0) | 2020.01.17 |
React native ViewPager 사용하기 (0) | 2020.01.17 |
React Native에서 Android Drawer 레이아웃 사용 (0) | 2020.01.17 |
AppRegistry.registerComponent(앱이름, ()=>시작컴포넌트) (0) | 2020.01.17 |