본문 바로가기

React Native

앱제작 1 - Text, Image 컴포넌트를 넣어서 expo go 실행시키기

import에 사용할 컴포넌트를 추가해주는 것 주의하기

 

expo go 시작 명령어 : npx expo start

진행 후 Text, Image 컴포넌트 정상 노출 확인 

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View, Image, TextInput, Button, Alert, ScaolView} from 'react-native';

export default function App() {
  return (
    <View 
      style={{
        height : 200,
        padding : 50
      }}
    >
    
    <Text
      style={{
        fontSize : 30,
        fontWeight : "900"
      }}
      > Hello world! </Text>


    <Image
      style={{
        width : 200,
        height : 100
      }}
      source={require("./image/Likelion.png")}
      />

    <Image 
      style = {{
        width : 400,
        height : 100
      }}
      source={{
        url:"https://www.66girls.co.kr/renewwave/img/new/main_logo.png"
      }}
    />


    

    </View>
  );
}