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
'JS > React Native Expo' 카테고리의 다른 글
[React Native Expo] Expo Go와 prebuild 기능(써드파티라이브러리) 분리하기 (0) | 2024.01.26 |
---|---|
[React Native Expo] 모달(Modal)창 적용하기 (0) | 2024.01.25 |
[React Native Expo] 스플래시화면 적용하기 (0) | 2024.01.25 |
[React Native Expo] 앱 아이콘 변경하기 (0) | 2024.01.25 |
[React Native Expo] vertor IconFont 적용하기 (svg 아이콘들) (0) | 2024.01.24 |