प्रोग्रेसबार उपयोगकर्ताओं को यह बताने का एक तरीका है कि सामग्री कुछ समय में उपलब्ध होगी। जब आप सर्वर पर कुछ सबमिट करते हैं और सर्वर के जवाब की प्रतीक्षा करते हैं तो इसका सबसे अच्छा उपयोग किया जा सकता है।
प्रगति पट्टी घटक के साथ काम करने के लिए npm का उपयोग करके प्रतिक्रिया-मूल-पेपर मॉड्यूल स्थापित करें।
रिएक्ट-नेटिव-पेपर इंस्टाल करने का कमांड है -
npm install --save-dev React-native-paper
प्रगति पट्टी का मूल घटक इस प्रकार है-
प्रोग्रेस बार के साथ काम करने के लिए आपको इसे रिएक्ट-नेटिव-पेपर से निम्नानुसार आयात करना होगा -
'react-native-paper' से {प्रगतिबार} आयात करें; प्रोग्रेसबार पर उपलब्ध कुछ महत्वपूर्ण गुण निम्नलिखित हैं -
| Sr.No | प्रॉप्स और विवरण |
|---|---|
| 1 | प्रगति यह 0 से 10 तक मान लेता है। प्रगति पट्टी के अंदर दिखाने के लिए दिया जाने वाला संख्या मान। |
| 2 | रंग प्रगति पट्टी का रंग। |
| 3 | दृश्यमान मान सही/गलत हैं। यह प्रोग्रेसबार को दिखाने/छिपाने में मदद करता है। |
| 4 | शैली प्रोग्रेसबार के लिए लागू की जाने वाली शैली। |
उदाहरण:प्रोग्रेस बार का प्रदर्शन
प्रगति पट्टी प्रदर्शित करना बहुत आसान है। बस इसे पहले रिएक्ट-नेटिव-पेपर से आयात करें।
'react-native-paper' से {प्रगतिबार} आयात करें; एक प्रगति पट्टी दिखाएं कोड इस प्रकार है -
डिफ़ॉल्ट मान 0.5 है और यह 10 तक बढ़ जाएगा।
<पूर्व>आयात * प्रतिक्रिया के रूप में 'प्रतिक्रिया' से; आयात {प्रगतिबार} 'प्रतिक्रिया-मूल-कागज' से; const MyComponent =() => (आउटपुट
