React-native-router-flux: Ubah Warna Bilah Status?

Dibuat pada 1 Apr 2016 · 9Komentar · Sumber: aksonov/react-native-router-flux

Sepertinya saya tidak dapat menemukan cara untuk mengubah bilah status paling atas (iphone) menjadi latar belakang gelap dengan ikon putih, karena bilah navigasi yang saya gunakan gelap. Adakah ide bagaimana membuatnya bekerja? Saya melihat dokumentasi reaksi asli di Status Bar tetapi sepertinya tidak dapat memahami apa yang dibutuhkan, atau jika ada cara untuk melakukannya dengan plugin ini. Ada ide?

Sumber

MovingGifts

Komentar yang paling membantu

Anda dapat memanggil StatusBar.setBarStyle('light-content', true); untuk mengubah teks/ikon bilah status menjadi putih. Ingatlah untuk menyertakan StatusBar dari reaksi-asli.

lee-gray pada 1 Apr 2016

👍64 🎉7

Semua 9 komentar

AFIKT itu tidak bisa dilakukan di iOS. Dokumen cukup jelas tentang itu.

jeroenbourgois pada 1 Apr 2016

👎34 😕3

@jeroenbourgois Hmmm.. Saya pasti melewatkannya, di mana secara khusus dikatakan itu tidak dapat dilakukan di iOS? Pasti ada cara untuk membuatnya berfungsi di navbar gelap :)

MovingGifts pada 1 Apr 2016

Anda dapat memanggil StatusBar.setBarStyle('light-content', true); untuk mengubah teks/ikon bilah status menjadi putih. Ingatlah untuk menyertakan StatusBar dari reaksi-asli.

lee-gray pada 1 Apr 2016

👍64 🎉7

@lee-gray Bekerja dengan baik! Terima kasih sobat :)

MovingGifts pada 3 Apr 2016

😄1

@lee-gray Terima kasih!
rad-sunny-delight-d-ja8v9vQFdbCiQ

brochester-was-here pada 1 Jun 2016

Fantastis!!

hejiaji pada 13 Okt 2016

Terima kasih!

lin493369 pada 2 Des 2016

tidak dapat menggunakan backgroundColor di StatusBar di iOS, ini hanya berfungsi di Android. gunakan setBarStyle={color} atau atur backgroundColor di View yang mencakup StatusBar :)

sirawatGG pada 23 Des 2016

👍1

Ada cara ini.

<Scene
  key="tabbar"
  tabs={true}
  👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻
  onSelect={el => {
    if (typeof Actions !== 'object') return;
    const {
      sceneKey,
      statusBarStyle
    } = el.props
    if (statusBarStyle) {
      StatusBar.setBarStyle(statusBarStyle, true)
      Actions[sceneKey]()
    }
  }}>
  <Scene
    key="tab_1"
    title="home"
    component={Home}
    icon={TabIcon}
    👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻
    statusBarStyle="light-content" />
.
.
.