देशी एंड्रॉइड एप्लिकेशन प्रतिक्रिया में टूलबार का उपयोग कैसे करें

Question

मैं react-native प्रोग्रामिंग सीख रहा हूं जहां मैं सामग्री डिजाइन के लिए http://react-native-material-design.github.io/installation को एकीकृत करने की कोशिश कर रहा हूं।

मैं अपने आवेदन में इस http://react-native-material-design.github.io/components/toolbar दृश्य का उपयोग करना चाहता हूं क्योंकि इसका उपयोग करने के लिए कोई दस्तावेज नहीं है।

क्या कोई मेरी मदद कर सकता है कि मैं अपने आवेदन में इस दृश्य का उपयोग कैसे कर सकता हूं। अग्रिम में धन्यवाद।

पुनश्च: मैं react-native-router-flux साथ नहीं जानते हुए भी क्या नाविक आप उपयोग कर रहे से इसके अलावा https://facebook.github.io/react-native/docs/toolbarandroid.html

Answer 1

उपयोग करने के लिए, नहीं चाहते हैं तो आप आसानी से सेटअप एक NavBar (या Android शब्दों में टूलबार) बस के लिए navBar={MyCustomNavBar} जोड़कर दृश्य जहां आप अपने उपकरण पट्टी मौजूद करना चाहते हैं,

<Scene sceneStyle={{marginTop: Metrics.navBarHeight}} component={HomeScreen} key="home" navBar={MyCustomNavBar}/> 

और

अपने नाविक के शीर्ष पर import MyCustomNavBar from './components'।

कस्टमनवबर कुछ भी हो सकता है जिसे आप कल्पना कर सकते हैं। आप आइकन, बटन, लोगो या यहां तक ​​कि एनिमेटेड खोज बार जोड़ सकते हैं। बस ध्यान दें कि प्रतिक्रियात्मक मूल में, टूलबार पूर्ण रूप से स्थित होते हैं, और उनके पास निश्चित ऊंचाई होती है, इसलिए सामग्री को ओवरलैप करने से रोकने के लिए नेविगेटर में सभी दृश्यों में मार्जिन टॉप शैली होनी चाहिए। एक उदाहरण MyCustomBar एक आवरण दृश्य हो सकता है

render() { 
return (
    <View style={containerStyle}> 
     ... 
    </View> 
) 
} 

container: { 
    position: 'absolute', 
    top: 0, 
    left: 0, 
    right: 0, 
    height: Metrics.navBarHeight, 
    } 

NavBar हाइट्स के containerStyles के साथ इस तरह के रूप में Android और iOS (54 और 64 क्रमशः)