ReactNativeでネットワーク通信のチェック(vibration)

参考ページ

• ネットワーク docs.expo.io

• Vibrate reactnative.dev

インストール

# expo install @react-native-community/netinfo

サンプルコード

import NetInfo from '@react-native-community/netinfo';

// ネットワーク通信を確認して通信ができなかったらvibrationを実行する
const netCheck = () => {
    NetInfo.fetch().then(state => {
      if (!state.isConnected) {
        Vibration.vibrate()
      }
    });
  }
  
// 通信環境のチェツクするボタン
 <Button
     title="ネットチェック"
     onPress={() => netCheck()}
     color="#FF0000"/>

vibration関連コード

• ボタンをクリックすると、２秒間振動する。繰り返しなし。

        <Button
                title="Vibrate with pattern"
                onPress={() => Vibration.vibrate(2000)}
              />

• ボタンをクリックすると、2秒間振動して、繰り返し振動する。キャンセル処理を実行しないと終了しない。

              <Button
                title="Vibrate with pattern until cancelled"
                onPress={() => Vibration.vibrate(2000, true)}
              />

• ループで振動している状態を停止させる処理

              <Button
                title="Stop vibration pattern"
                onPress={() => Vibration.cancel()}
                color="#FF0000"
              />