墨•狀態欄歌詞(StatusBar lyric)是一個功能強大的歌詞適配工具，主要是可以實現在狀態欄上顯示歌詞等，這是一款專業的模塊工具，支持Android系統，很好用也很實用哦。

狀態欄簡介

狀態欄（status bar），是包含文本輸出窗格或“指示器”的控制條。狀態欄是指每個窗口、程序操作界面的最底端，通常是在“視圖”或“查看”菜單下打開或關閉，就是前面加“勾”就打開，打“叉”就關閉的。

軟件說明

1.墨狀態欄歌詞理論上支持所有官方系統版本

2.支持的音樂軟件版本

3.請查看模塊內的使用說明

軟件功能

1.可以將音樂軟件如QQ音樂、網易云音樂、酷狗音樂等播放的音樂的歌詞以懸浮窗的形式顯示出來；

2.可以將歌詞放置在狀態欄之上；

3.獨家的懸浮唱片更是能讓你眼前一亮。

墨狀態欄歌詞使用詳解

一、StatusBar組件介紹

StatusBar是React Native 0.20起新增的跨平臺組件，它可以用來設置并動態改變設備的狀態欄顯示特性。

StatusBar組件可以同時加載多個StatusBar組件，這些StatusBar組件的屬性可以按照加載的順序進行合并。一種常見的用法就是：我們可以在使用Navitator的時候，針對不同的路由頁面設置特殊的狀態欄樣式。

雖然StatusBar是跨平臺組件，但其中有些屬性是通用的，而有些則是iOS或Android獨有的。所以我們開發時要做好適配。

二、通用屬性介紹

1.animated

設置當狀態欄的狀態發生變化時，是否需要加入動畫。

動畫支持backgroundColor、barStyle和hidden屬性的變化。

2.hidden

設置狀態欄是否隱藏。

三、僅支持iOS的屬性

1.barStyle

用于設置狀態欄文字的顏色，其值是枚舉類型:

default：黑色文字（默認）

light-content：白色文字

<StatusBar barStyle={'light-content'} />

2.networkActivityIndicatorVisible

設定網絡活動指示器(就是那個菊花)是否顯示在狀態欄。

<StatusBar networkActivityIndicatorVisible={true} />

3.showHideTransition

通過hidden屬性來顯示或隱藏狀態欄時所使用的動畫效果，有兩種選擇：fade（默認值）、slide

四、僅支持Android的屬性

1.backgroundColor

Android 設備上狀態欄的背景顏色

<StatusBar backgroundColor={'blue'} />

2.translucent

設置狀態欄是否為透明。

當狀態欄的值為true的時候，應用將會在狀態欄下面進行繪制顯示。這樣在Android平臺上面就是沉浸式的效果，可以達到Android和iOS應用顯示效果的一致性。

該值常常同配置半透明效果的狀態欄顏色一起使用。

<StatusBar translucent={true} />

3.StatusBar.currentHeight

React Native在Android平臺為StatusBar組件提供了一個靜態常量currentHeight，我們可以通過讀取這個常量來得到Android手機狀態欄的高度。

注意：currentHeight 不是一個屬性，我們直接訪問StatusBar.currentHeight就可以了。

五、不同平臺下狀態欄的處理

1、Android 手機狀態欄

當狀態欄呈現在 Andorid 手機屏幕頂部時，它會占用頂部這個空間，我們只能使用剩下的屏幕空間。也就是說如果從第0行開始放置組件時，組件會緊貼著狀態欄的下邊沿顯示。

要想知道實際可用的屏幕高度，可以通過手機屏幕的高度減去狀態欄高度得到。

2、iOS手機狀態欄

在iOS平臺上，取得的屏幕高度就是實際可使用的高度。

如果從第0行開始排列組件時，組件會緊貼著手機屏幕的最上沿顯示。如果狀態欄沒有被隱藏，它將覆蓋在第0行組件的上方。

如果不想設置狀態欄隱藏，則應當空出狀態欄的顯示區域。但可以為這個區域設置背景色，以使整個界面風格統一。