React-Native

[리액트]터치 (TouchableOpacity)

import React from 'react'; import { StyleSheet, Text, View, ScrollView, TouchableOpacity, Alert } from 'react-native'; export default function App() { const customAlert = () => { Alert.alert("TouchableOpacity에도 onPress 속성이 있습니다") } return ( 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! ); } const styles..

[리액트]버튼

import React from 'react'; import { StyleSheet, Text, View, Button, Alert } from 'react-native'; export default function App() { return ( 아래 버튼을 눌러주세요 {/* 버튼 onPress 속성에 일반 함수를 연결 할 수 있습니다. */} {/* ES6 문법으로 배웠던 화살표 함수로 연결 할 수도 있습니다. */} { Alert.alert('팝업 알람입니다!!') }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, textContainer: { height:100, margin:1..

[리액트]스크롤뷰 app.js

app.js import React from 'react'; import { StyleSheet, Text, View, ScrollView } from 'react-native'; export default function App() { return ( 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, textContainer: { height:10..

expo 시작

expo init "dddd"