ステータスバーStatusBar
Experimental

ステータスや情報を表示するバーです。

記事エディタ

保存済み

バックグラウンド処理なし

UTF-8

状態とバリエーション

同期状態や選択数など、画面全体に関わる軽い状態をまとめます。

同期済み

アップロード待ちはありません

3 件選択中

保存状態、文字コード、入力モードなどを短く表示します。

記事エディタ

保存済み

バックグラウンド処理なし

UTF-8

切断や未保存など、ユーザーが気づくべき状態は色と文言を変えます。

未保存

接続が不安定です

再接続中

docs のような枠内では fixed を false にし、シェルの下部に配置します。実アプリ全体に固定する場合は fixed の既定値を使います。

アプリケーションの作業領域

準備完了

バックグラウンド処理はありません

v1.4.0

表は横にスクロールできます

プロパティ	型	初期値	説明
fixed	boolean	true	true の場合は画面下部に固定します。docs やカード内では false にして領域内に置きます。
leftNode	React.ReactNode	-	左側に表示する状態や補助情報です。
rightNode	React.ReactNode	-	右側に表示するバージョン、選択数、入力モードなどです。
children	React.ReactNode	-	中央に表示する主要な状態文です。
className	string	-	ラッパーに追加するクラスです。プレビュー内では幅や色の調整に使います。