流星/コードを使ってバッテリー残量を表示して反応する

Question

流星/コードを使ってiPhoneに現在のバッテリー残量を表示して反応したい。

Thisは私が使用するプラグインです。

これは私が仕事にそれを想像する方法です：

export default class BatteryDetails extends Component { 

constructor(props){ 
    super(props); 

    this.currentBatteryLevel = 0; 

    function onBatteryStatus(status) { 
     this.currentBatteryLevel = status.level; 
    } 

    window.addEventListener("batterystatus", onBatteryStatus, false); 
    window.dispatchEvent(new Event('batterystatus')); 
} 

render() { 
    return (
     <div> 
      Remaining: {this.currentBatteryLevel} 
     </div> 
    ); 
} 
} 

Answer 1

私は今それをテストすることはできませんけれども、私は、より伝統的な何かのために行っているでしょう：

export default class BatteryDetails extends Component { 

    constructor(props) { 
    super(props); 

    this.state = { 
     currentBatteryLevel: 0 
    }; 

    window.addEventListener("batterystatus", (status) => this.onBatteryStatus(status), false); 
    window.dispatchEvent(new Event('batterystatus')); 
    } 

    onBatteryStatus(status) { 
    this.setState({ currentBatteryLevel: status.level }); 
    } 

    render() { 
    return ( 
     <div> 
     Remaining: { this.state.currentBatteryLevel } 
     </div> 
    ); 
    } 
} 

Answer 2

を、私は私が使用したと思われますそのパッケージはPhoneGapプロジェクト（Meteorプロジェクトではない）にあり、batterystatusイベントでいくつか問題が発生しました。私はそれが次のようだったと思う：

初めてイベントを購読するとすぐに発砲されます。これは、次回の購読時にも同様ですが、最初のイベントリスナーの登録を解除した場合にのみ機能します。この間違いを犯した場合（そして登録解除を忘れる）、アプリを再起動する必要があります（強制的に閉じる）。

しかし、充電器の抜き差しを行うと、イベントは常に発生します。そのため、充電器をテストする便利な方法でした。