웃던날
Daily Star
웃던날
전체 방문자
오늘
어제
  • 분류 전체보기 (14)
    • Daily (0)
    • Job (12)
      • React (4)
      • PHP (1)
      • RN (6)
    • Portfolio (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • RecyclerListView
  • 앱개발
  • 스타일컴포넌트
  • 시간비교
  • Redux toolkit
  • zustand
  • style-component props
  • axios
  • styleComponent
  • 상태확인
  • frontend
  • 도넛프로그레스
  • reactnative
  • getTime
  • 프론트앤드
  • @propery
  • JS
  • 물리back
  • 리액트
  • FlatList
  • FlashList
  • react
  • 리액트 네이티브
  • react native
  • 상태관리
  • CelarText
  • fe
  • rn
  • scrollview
  • 프론트엔드

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
웃던날

Daily Star

[React Native] 네트워크 상태 확인 (@react-native-community/netinfo)
Job/RN

[React Native] 네트워크 상태 확인 (@react-native-community/netinfo)

2022. 9. 26. 12:10

 

1. 설치
//yarn
yarn add @react-native-community/netinfo

//npm
npm install @react-native-community/netinfo

 

2. 사용법
import NetInfo from "@react-native-community/netinfo";

//상태확인 시작
const unsubscribe = NetInfo.addEventListener(state => {
  console.log("Connection type", state.type);
  console.log("Is connected?", state.isConnected);
});

//상태확인 종료
unsubscribe();

1. type은 현재 어떻게 네트워크에 연결되어있는지 출력해준다. (WIFI, cellular 등등)

2. connected는 현재 네트워크에 연결 되어있는지 출력해준다 (Boolean)

꼭 이벤트 리스너를 사용하지 않고 then으로 넘겨주는 방법도 있다.

Netinfo.fetch().then(state => {
	console.log('isConnected ? ' , state.isConnected);
    console.log('type ? ' , state.type);
})

나는 네트워크를 지속적으로 체크해줘야해서

따로 종료를 만들어주진 않았다.

'Job > RN' 카테고리의 다른 글

[React Native, React] React 상태관리 라이브러리 Zustand  (0) 2023.06.15
[React Native] FlashList(RecyclerView)에 대해  (0) 2023.06.14
[React Native] Release Build 후 발생하는 Axios Network Error  (0) 2023.06.14
[ReactNative] yyyy-mm-dd hh:mm:ss Date포맷 getTime()시 NaN출력  (0) 2022.09.05
[ReactNative] 물리 BackButton을 이용한 앱종료  (0) 2022.09.05
    'Job/RN' 카테고리의 다른 글
    • [React Native] FlashList(RecyclerView)에 대해
    • [React Native] Release Build 후 발생하는 Axios Network Error
    • [ReactNative] yyyy-mm-dd hh:mm:ss Date포맷 getTime()시 NaN출력
    • [ReactNative] 물리 BackButton을 이용한 앱종료
    웃던날
    웃던날

    티스토리툴바