墨狀態(tài)欄歌詞app(StatusBar lyric)

墨•狀態(tài)欄歌詞(StatusBar lyric)是一個(gè)功能強(qiáng)大的歌詞適配工具，主要是可以實(shí)現(xiàn)在狀態(tài)欄上顯示歌詞等，這是一款專業(yè)的模塊工具，支持Android系統(tǒng)，很好用也很實(shí)用哦。

狀態(tài)欄簡介

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

軟件說明

1.墨狀態(tài)欄歌詞理論上支持所有官方系統(tǒng)版本

2.支持的音樂軟件版本

3.請查看模塊內(nèi)的使用說明

軟件功能

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

2.可以將歌詞放置在狀態(tài)欄之上；

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

墨狀態(tài)欄歌詞使用詳解

一、StatusBar組件介紹

StatusBar是React Native 0.20起新增的跨平臺(tái)組件，它可以用來設(shè)置并動(dòng)態(tài)改變設(shè)備的狀態(tài)欄顯示特性。

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

雖然StatusBar是跨平臺(tái)組件，但其中有些屬性是通用的，而有些則是iOS或Android獨(dú)有的。所以我們開發(fā)時(shí)要做好適配。

二、通用屬性介紹

1.animated

設(shè)置當(dāng)狀態(tài)欄的狀態(tài)發(fā)生變化時(shí)，是否需要加入動(dòng)畫。

動(dòng)畫支持backgroundColor、barStyle和hidden屬性的變化。

2.hidden

設(shè)置狀態(tài)欄是否隱藏。

三、僅支持iOS的屬性

1.barStyle

用于設(shè)置狀態(tài)欄文字的顏色，其值是枚舉類型:

default：黑色文字（默認(rèn)）

light-content：白色文字

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

2.networkActivityIndicatorVisible

設(shè)定網(wǎng)絡(luò)活動(dòng)指示器(就是那個(gè)菊花)是否顯示在狀態(tài)欄。

<StatusBar networkActivityIndicatorVisible={true} />

3.showHideTransition

通過hidden屬性來顯示或隱藏狀態(tài)欄時(shí)所使用的動(dòng)畫效果，有兩種選擇：fade（默認(rèn)值）、slide

四、僅支持Android的屬性

1.backgroundColor

Android 設(shè)備上狀態(tài)欄的背景顏色

<StatusBar backgroundColor={'blue'} />

2.translucent

設(shè)置狀態(tài)欄是否為透明。

當(dāng)狀態(tài)欄的值為true的時(shí)候，應(yīng)用將會(huì)在狀態(tài)欄下面進(jìn)行繪制顯示。這樣在Android平臺(tái)上面就是沉浸式的效果，可以達(dá)到Android和iOS應(yīng)用顯示效果的一致性。

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

<StatusBar translucent={true} />

3.StatusBar.currentHeight

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

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

五、不同平臺(tái)下狀態(tài)欄的處理

1、Android 手機(jī)狀態(tài)欄

當(dāng)狀態(tài)欄呈現(xiàn)在 Andorid 手機(jī)屏幕頂部時(shí)，它會(huì)占用頂部這個(gè)空間，我們只能使用剩下的屏幕空間。也就是說如果從第0行開始放置組件時(shí)，組件會(huì)緊貼著狀態(tài)欄的下邊沿顯示。

要想知道實(shí)際可用的屏幕高度，可以通過手機(jī)屏幕的高度減去狀態(tài)欄高度得到。

2、iOS手機(jī)狀態(tài)欄

在iOS平臺(tái)上，取得的屏幕高度就是實(shí)際可使用的高度。

如果從第0行開始排列組件時(shí)，組件會(huì)緊貼著手機(jī)屏幕的最上沿顯示。如果狀態(tài)欄沒有被隱藏，它將覆蓋在第0行組件的上方。

如果不想設(shè)置狀態(tài)欄隱藏，則應(yīng)當(dāng)空出狀態(tài)欄的顯示區(qū)域。但可以為這個(gè)區(qū)域設(shè)置背景色，以使整個(gè)界面風(fēng)格統(tǒng)一。