React Native mengubah warna teks bilah status di iOS

Saya sedang mengembangkan aplikasi menggunakan React Native, saya diminta untuk mengatur warna teks bilah status menjadi putih.

Saya menggunakan komponen StatusBar dengan properti barStyle="light-content" dan berfungsi cukup baik di Android tetapi tidak di iOS, warna teks masih hitam.

Saya melakukan riset tentang hal itu tetapi saya tidak menemukan sesuatu yang berguna. Saya bahkan mencoba memilih gaya bilah Status Ringan di XCode seperti yang ditunjukkan gambar berikut tetapi ternyata masih tidak berhasil


ios react-native statusbar textcolor
person Fabrizio    schedule 05.10.2018    source sumber
comment
Coba ini mungkin membantu Anda: github.com/RNRF/react-native -router-flux/issues/2882   -  person Kuldeep    schedule 05.10.2018
comment
@Kuldeep Saya sudah memeriksa tautan itu sebelum menulis posting ini, itu tidak terlalu membantu saya, saya sedang mencoba banyak hal saat ini tetapi saya masih buntu   -  person Fabrizio    schedule 05.10.2018
comment
@Fabrizio Anda harus menulis solusi Anda sebagai jawaban dan menerimanya sehingga orang lain yang mengajukan pertanyaan ini dapat dengan mudah melihat solusinya (terasa aneh menjawab pertanyaan Anda sendiri tetapi ini adalah praktik umum di Stack Overflow).   -  person Matei Radu    schedule 05.10.2018
comment
@MateiRadu mencatat!   -  person Fabrizio    schedule 05.10.2018

Jawaban (3)


arrow_upward
16
arrow_downward

Saya memecahkan masalahnya! Saya menggunakan kode ini di halaman Indeks dan mengatur warna teks menjadi putih:

<StatusBar  barStyle="light-content" translucent={true} />
person hook zou    schedule 26.02.2019

arrow_upward
2
arrow_downward

Coba letakkan kode ini di didFinishLaunchingWithOptions di file AppDelegate Anda.

UIApplication.shared.statusBarStyle = .lightContent

Tujuan c

 [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];

dan di file info.plist Anda, setel UIViewControllerBasedStatusBarAppearance menjadi TIDAK

person nishith Singh    schedule 05.10.2018
comment
Saya mencoba kode Anda tetapi ketika saya mengembangkan di React Native, file AppDelegate ditulis dalam Objective C, saya mencoba menemukan baris kode serupa yang ditulis dalam Objective C tetapi saya benar-benar kesulitan dengan itu, sejauh ini tidak berhasil - person Fabrizio; 05.10.2018
comment
Di Objective C setStatusBarStyle sudah tidak digunakan lagi, saya masih mencoba baris kode itu tetapi warna teks bilah status masih hitam, menurut saya React Native mengambil alih kode itu, sayangnya saya tidak tahu harus berbuat apa. Saya juga lupa menyebutkan di postingan pertama saya bahwa hanya ada satu tampilan yang warna teksnya putih, begitu saya masuk ke tampilan lain berubah menjadi hitam dan ketika saya kembali ke tampilan warna teks putih, bukan putih lagi melainkan hitam. , ini sangat membingungkan. - person Fabrizio; 05.10.2018

arrow_upward
1
arrow_downward

Saya memecahkan masalah saya!

Masalahnya berasal dari perpustakaan React Native yang disebut React Native Navbar, ia juga mengambil kendali bilah status, saya harus mengatur properti 'konten ringan' di komponen itu.

person Fabrizio    schedule 05.10.2018