[React Native Expo] 로딩바 적용

JS/React Native Expo · 2024. 1. 25. 16:48
728x90

로딩바는 react-native에서 기본지원되는 ActivityIndicator를 사용했다

먼저 components에 Loading.tsx 파일을 하나 만들어서

import { ActivityIndicator } from "react-native";

const Loading = () => {
    <ActivityIndicator
    color="red"
    size="small"
    >
    </ActivityIndicator>
}

요렇게 넣어준다 색상은 원하는대로 사용한다

그리고 로딩도넛을 넣을 컴포넌트에

import Loading from "@/components/Loading";
<Loading />

걍 이러고 넣어주기만 하면

뱅글뱅글 돌아가는 로딩바를 넣어줄수있다.

728x90
Copyright © Nana
levup