인프런 커뮤니티 질문&답변

같은 src 디랙토리 안에 안에 있는 두개의 화일

TouchableOpacity onPress 로 mubutton 컴포넌트 만드는 코드인데요

1. mybutton.js 화일 코드

++++++++++++++++++++++++++++++++

import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View, TouchableOpacity } from "react-native"; const mybutton = () => { return ( <TouchableOpacity onPress={() => alert("클릭하세요")}> <view style={{ backgroundColor: "red", padding: 10, margin: 100 }}> <text style={{ fontsize: 20, color: "blue" }}> My button</text> </view> </TouchableOpacity> ); }; export default mybutton;

2. App.js 화일 코드

+++++++++++++++++++++++++++++++

import { StatusBar } from "expo-status-bar"; import { StyleSheet, Text, View, Button } from "react-native"; import mybutton from "./mybutton"; export default function App() { return ( <View style={styles.container}> <Text>~!!!!!!~~Open up App.js to start working on your app!</Text> <StatusBar style="auto" /> <br></br> <Button title="Button" onPress={() => alert("입력하세요!!")} /> <mybutton /> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: "#fff", alignItems: "center", justifyContent: "center", }, });