क्या रिएक्ट नेटिव के साथ एंड्रॉइड स्टेटस बार रंग बदलने का कोई तरीका है?

Question

मैंने अभी एंड्रॉइड के लिए रिएक्ट नेटिव के साथ शुरुआत की है, और मैं यह पता लगाने की कोशिश कर रहा हूं कि एंड्रॉइड के लिए स्टेटस बार रंग बदलने का कोई तरीका है ...

इस तरह?

Answer 1

मैं नियंत्रित करने के लिए एक NPM पैकेज बनाया है StatusBar: अपनी परियोजना से android/src/main/res/values/styles.xml फ़ाइल की जाँच करें (टेम्पलेट यहाँ है: https://github.com/facebook/react-native/blob/master/local-cli/generator-android/templates/src/app/src/main/res/values/styles.xml) और अधिक यहाँ पढ़ 21

Answer 2

अब के लिए कोई उजागर एपीआई है। यह केवल एंड्रॉइड 5.0 से ही काम करेगा। इसे प्राप्त करने के लिए पुल मॉड्यूल पर काम करना। आपको

Answer 3

पोस्ट कर देगा, जो वर्तमान में जेएस से ऐसा करने का कोई तरीका नहीं है। आप एक कस्टम विषय का उपयोग कर इसे अनुकूलित कर सकते हैं। एंड्रॉयड

https://www.npmjs.com/package/react-native-android-statusbar

रंग में परिवर्तन कर में https://developer.android.com/training/material/theme.html

Answer 4

से पहले संस्करणों के लिए प्रतिबिंबित न करें आप प्रतिक्रियात्मक स्थिति बार (विस्तृत विवरण here) का उपयोग कर सकते हैं। आपको केवल एक दृश्य के साथ नेविगेटर लपेटना है और इसके ऊपर एक स्टेटसबार घटक जोड़ना है। 'प्रतिक्रिया-मूल' पैकेज से स्टेटसबार आयात करना न भूलें। 1, इसके बिना आप सिर्फ एक सफेद खाली स्क्रीन देखेंगे:

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

एक बात मैंने देखा है कि आप फ्लेक्स के साथ माता-पिता दृश्य शैली चाहिए। हालांकि आरएन दस्तावेज़ों में इसका उल्लेख नहीं है।

Answer 5

अपने हैडर घटक पर यह कोड जोड़ें

androidStatusBarColor="#34495e"