स्थिति पट्टी चेतावनी के साथ ReactNative फ्लक्स TabBar रूटर

वोट
0

मैं उपयोग करने के लिए कोशिश कर रहा हूँ react-native-router-fluxके साथ react-native-statusbar-alert। जब तक मैं TabBar के लिए मिलता है किसी भी मुद्दे के बिना यह काम है।

निम्नलिखित कोड (मेरा) पर विचार करें।

 return (
      <View>
      <StatusBarAlert
      visible={this.state.alert.visible}
      backgroundColor={this.state.alert.backgroundColor}
      color={this.state.alert.text}
      message={this.state.alert.msg}
      />
      <Router>
        <Scene key=root>
          <Scene key=loginPage 
            component={Login} 
            title=Login
            initial={true}
            hideNavBar={true}
            style={{top: -20}}
            hideStatusBar={this.hideStatusBar.bind(this)}
            showStatusBar={this.showStatusBar.bind(this)}
            />
            <Scene 
              key=tabbar 
              tabs
              tabBarStyle={styles.tabBarStyle}
              tabBarSelectedItemStyle={styles.tabBarSelectedItemStyle}>
              <Scene key=tab1 component={Settings} title=Settings hideNavBar={false} icon={TabIcon}/>
              <Scene key=tab2 component={Settings} title=Tab #2 hideNavBar={true} icon={TabIcon}/>
              <Scene key=tab3 component={Settings} title=Tab #3 hideNavBar={true} icon={TabIcon}/>
              <Scene key=tab4 component={Settings} title=Tab #4 hideNavBar={true} icon={TabIcon}/>
            </Scene>
        </Scene>
      </Router>
      </View>
    )

यह हास्यास्पद बना देता है। मैं दूर करने की कोशिश की है style: -20(स्थिति पट्टी अन्य एप्लिकेशन द्वारा आवश्यक)।

मुद्दा मैं ले जाना है निकालने के लिए <View>पूरी तरह से बाहर है और <Router>उच्च स्तर घटक के रूप में। यह तो TabBar प्रदर्शित करता है पूरी तरह से, फिर भी ...

इसे इस तरह सही प्रदर्शित करता है जब मैं अपने रहना कहीं नहीं है <StatusBarAlert>कि के रूप में एक में होने की जरूरत है <View>। मैं ReactNative करने के लिए अपने विचारों में से प्रत्येक के शीर्ष में यह छड़ी सकता है, लेकिन मैं विशेष रूप से अलग और मेरे कोड को दोहराने के लिए कोशिश कर रहा है (लेकिन संघर्ष!) बहुत नया, ज्यादा मदद की सराहना की!

की लिपटे में लिपटे स्क्रीनशॉट <View>और <SatusBar>देखें का पहला नोड के रूप में।

दृश्य

यह सिर्फ दृश्य, कोई स्थिति बार में लपेटा जाता है।

बस

इस है सिर्फ दृश्य के बिना (अच्छी तरह से काम करता है)

कोई

14/02/2017 को 14:49
उपयोगकर्ता
अन्य भाषाओं में...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more