
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
이분 상황과 똑같습니다.
이때 튜터님들 답변으로는 style에 buttonStyle 이 없다고 해주셨는데 제가 보기에는
강의속 화면에 코드와 똑같이 작성한것 같은데, 어디에 버튼스타일이라는 단어가 들어가야하는건가요?
import React from 'react';
import { StyleSheet, Text, View, Button, Alert } from 'react-native';
import {SafeAreaView} from 'react-native-safe-area-context';
export default function App() {
return (
<SafeAreaView style={styles.container}>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>아래 버튼을 눌러주세요</Text>
{/* 버튼 onPress 속성에 일반 함수를 연결 할 수 있습니다. */}
<Button
style={styles.buttonStyle}
title="버튼입니다 "
color="#f194ff"
onPress={function(){
Alert.alert('팝업 알람입니다!!')
}}
/>
{/* ES6 문법으로 배웠던 화살표 함수로 연결 할 수도 있습니다. */}
<Button
style={styles.buttonStyle}
title="버튼입니다 "
color="#FF0000"
onPress={()=>{
Alert.alert('팝업 알람입니다!!')
}}
/>
</View>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
},
textContainer: {
height:100,
margin:10,
},
textStyle: {
textAlign:"center"
},
});
