커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
expo go앱 버그, 오류로 실행 안됩니다
[왕초보] 나만의 수익성 앱, 앱개발 종합반 v5
2주차
북마크
최*희
댓글
5
추천
0
조회수
14
조회수
14
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


expo go 앱이 자꾸 튕깁니다.

캐시랑 데이터도 삭제해보고 앱도 새로 깔아봤는데 자꾸 버그가 생겨 QR코드에 들어가질 못하네요,,

혹시 코드 문제인지 핸드폰 문제인지 모르겠네요






작성한 코드 및 에러 메세지

import React from 'react'
import {StyleSheet, Text, View, Image, TouchableOpacity} from 'react-native'


const main = 'https://storage.googleapis.com/sparta-image.appspot.com/lecture/about.png'


export default function AboutPage(){
return (
<View style={styles.container}>
 <Text>HI!스파르타코딩 앱개발반에 오신것을 환영합니다</Text>


 <View style={styles.container2}>
 <Image style={styles.mainImage} source={{uri:main}}/>
 <Text style={styles.pointtext}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
 <Text style={styles.subtext}>꼭 완주하셔서 여러분의 것으로 만들어가시길 바랍니다</Text>
 
 <View style={styles.instacontainer}>
    <TouchableOpacity style={styles.instabutton}><Text style={styles.instabuttontext}>여러분의 인스타계정</Text></TouchableOpacity>
 </View>
 </View>
 </View>);
}


const styles=StyleSheet.create({
    container: {
        flex:1,
        backgroundColor: 'blue',
        alignItems: "center"
      },
    text:{
        fontSize:50,
        fontWeight:'700',
        color: '#fff',
        paddingTop:200,
        paddingLeft: 40,
        paddingRight: 40
        },
    container2: {
            width: 300,
            height:500,
            padding: 100,
            justifyContent: "center",
            marginTop: 175,
            backgroundColor:'#fff',
            borderRadius:30
         },
      pointtext:{
            fontSize: 40,
            fontWeight: '700',
            marginTop: 600,
            textAlign: "center",
            paddingLeft:20,
            paddingRight:20
          },
      subtext:{
            fontSize: 20,
            fontWeight: '700',
            marginTop: 50,
            textAlign: "center"
          },
      mainImage: { 
          width: 150,
          height:150,
          borderRadius:20,
          alignSelf: "center"
        },
      instabutton: {
            backgroundColor: 'orange',
            width: 200,
            height:90,
            padding: 20,
            borderRadius:20,
            marginTop: 20,
            alignSelf: "center"
      },
      instabuttontext:{
            fontSize: 20,
            color : '#fff',
            fontWeight: '700',
            textAlign: "center"
          }
        

    });Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴