2015-12-03 7 views
9

मुझे स्क्रीन के शीर्ष पर स्टेटस बार आइकन के रंगों को बदलने का कोई तरीका नहीं दिख रहा है - उदाहरण के समय & बैटरी।प्रतिक्रिया मूल: स्टेटस बार आइकन रंगों को कैसे बदलें

iPhone 6 screenshot

मैं Info.plist

  • स्थिति पट्टी शैली में निम्नलिखित जोड़ने की कोशिश की है: UIStatusBarStyleLightContent
  • देखें नियंत्रक आधारित स्थिति पट्टी उपस्थिति: NO

लेकिन केवल आईओएस के पिछले संस्करणों में काम करना प्रतीत होता है। किसी भी मदद की बहुत सराहना की।

उत्तर

21

आप प्रतिक्रिया StatusBarIOS अपने अंदर उपयोग करने की आवश्यकता मूल निवासी घटक:

StatusBarIOS.setStyle('light-content')

डॉक्स यहाँ: http://facebook.github.io/react-native/docs/statusbarios.html#content

संपादित करें: आर.एन. 0.22 के रूप में, StatusBarIOS पदावनत किया गया है और पार मंच StatusBar का उपयोग किया जाना चाहिए। यह अभी भी लाजि़मी इस्तेमाल किया जा चुका है जैसा कि ऊपर उल्लेख किया गया है:

StatusBar.setBarStyle('light-content', true);

हालांकि, इस घटक का उपयोग करने के लिए अनुशंसित तरीका एलान के तौर पर है। उदाहरण के लिए:

<View> 
    <StatusBar 
    backgroundColor="blue" 
    barStyle="light-content" 
    /> 
    <Navigator 
    initialRoute={{statusBarHidden: true}} 
    renderScene={(route, navigator) => 
     <View> 
     <StatusBar hidden={route.statusBarHidden} /> 
     ... 
     </View> 
    } 
    /> 
</View> 

नए दस्तावेज़ों को देखें: http://facebook.github.io/react-native/docs/statusbar.html

+0

धन्यवाद एक बहुत डेव। यह काम किया। – londonfed

+0

इसे 'घटकडिडमाउंट'/'घटक विल्लमाउंट' पर सेट करने के बारे में कोई विचार है? मैंने कोशिश की लेकिन ऐसा लगता है कि केवल कॉलबैक से उपयोगकर्ता कार्रवाई (यानी टच करने योग्य पर प्रेस) –

+1

@ एससी पर काम करता है। आप वास्तव में इसे वापस लौटने से पहले अपने 'रेंडर' विधि में कॉल कर सकते हैं। –

संबंधित मुद्दे