रिएक्ट नेटिव पिकर घटक एक ड्रॉपडाउन के समान है जो आपको दिए गए कई विकल्पों में से एक मान का चयन करने की अनुमति देता है। मूल पिकर घटक इस प्रकार है - ... ... ... पिकर घटक के साथ काम करने के लिए, आपको इसे पहले प्रतिक्रिया-मूल से आयात करना होगा - react-native से आयात करें { पिकर } पिकर प्रॉपर्टी Sr.N

VirtualizedList घटक सबसे अच्छा होता है जब आपकी सूची आकार में बहुत बड़ी होती है। VirtualizedList बेहतर प्रदर्शन और स्मृति उपयोग में मदद करता है। जैसे ही उपयोगकर्ता स्क्रॉल करता है, डेटा उपयोगकर्ता को दिखाया जाता है। VirtualizedList का मूल घटक इस प्रकार है &minuns; महत्वपूर्ण वर्चुअलाइज्ड सूची गुण P

ऐप पर काम करते हुए, हम एक स्क्रीन से दूसरी स्क्रीन पर स्विच करना चाहते हैं और इसे रिएक्ट नेविगेशन द्वारा नियंत्रित किया जाता है। नेविगेट करने वाले पृष्ठों पर काम करने के लिए हमें कुछ पैकेजों को इस प्रकार स्थापित करने की आवश्यकता है - एक बार जब आप उपरोक्त इंस्टॉलेशन के साथ हो जाते हैं तो अब हम नेव

समस्या:रिएक्टनेटिव में नेविगेशन के साथ काम करते समय त्रुटि एक नेविगेटर में केवल स्क्रीन घटक शामिल हो सकते हैं त्रुटि को कैसे संभालें? समाधान अपने ऐप पर काम करते समय आपको ऊपर बताई गई समस्याओं का सामना करना पड़ सकता है। यहां समझेंगे कि ऐसी त्रुटि क्यों आती है और इससे बचने के लिए क्या किया जा सकता है

अपना ऐप विकसित करते समय आप ऊपर बताए अनुसार त्रुटि का सामना कर सकते हैं। यहाँ वह कोड है जो त्रुटि देता है - उदाहरण प्रतिक्रिया से आयात प्रतिक्रिया; प्रतिक्रिया-मूल से आयात {छवि, पाठ, दृश्य, स्टाइलशीट}; निर्यात डिफ़ॉल्ट वर्ग ऐप प्रतिक्रिया बढ़ाता है। घटक {रेंडर () {वापसी ( ); }}कॉन्स्ट स्टाइल =स्टा

स्विच चयनकर्ता घटक रेडियो टॉगल बटन के समान है। यह आपको 2 से अधिक मानों के साथ चयन करने की अनुमति देता है। स्विच चयनकर्ता के साथ काम करने के लिए आपको नीचे दिखाए अनुसार पैकेज को स्थापित करना होगा - npm i प्रतिक्रिया-मूल-स्विच-चयनकर्ता --save-dev मूल स्विच चयनकर्ता इस प्रकार दिखता है - यहां स्विच च

अपने ऐप में दिनांक और समय पिकर प्रदर्शित करने के लिए आपको एक पैकेज स्थापित करना होगा जैसा कि नीचे दिखाया गया है - npm इंस्टाल @react-native-community/datetimepicker --save एक बार जब आप इंस्टॉल कर लेते हैं, तो आइए अब आगे बढ़ते हैं कि पहले डेटपिकर को कैसे प्रदर्शित किया जाए। उदाहरण:ReactNative में Da

चेकबॉक्स एक सामान्य घटक है जिसका उपयोग हम अक्सर UI पर करते हैं। हमारे पास प्रतिक्रियाशील में चेकबॉक्स दिखाने के कुछ अच्छे तरीके हैं। मूल प्रतिक्रिया-मूल पैकेज में चेकबॉक्स समर्थन नहीं है और इसके साथ काम करने के लिए आपको एक पैकेज स्थापित करने की आवश्यकता है। चेकबॉक्स प्रदर्शित करने के लिए निम्नलिखि

रिएक्ट नेटिव एक एनिमेशन घटक प्रदान करता है जो उपलब्ध घटकों में अधिक अन्तरक्रियाशीलता जोड़ने में मदद करता है। एनीमेशन घटक का उपयोग दृश्य, पाठ, छवि, स्क्रॉलव्यू, फ्लैटलिस्ट और सेक्शनलिस्ट को चेतन करने के लिए किया जा सकता है। रिएक्ट नेटिव दो प्रकार के एनिमेशन प्रदान करता है - एनिमेटेड एपीआई लेआउटएनीम

UI में चिप्स प्रदर्शित करने के लिए, हम रिएक्ट नेटिव पेपर मटेरियल डिज़ाइन का उपयोग करने जा रहे हैं। नीचे दिखाए अनुसार रिएक्ट नेटिव पेपर इंस्टॉल करें - npm install --save-dev react-native-paper चिप घटक UI पर इस प्रकार दिखता है - मूल चिप घटक इस प्रकार है - <Chip icon="icontodisplay" o

एक इंटरफ़ेस जो सूचियों को अनुभागों में प्रस्तुत करने में मदद करता है। सेक्शनलिस्ट की कुछ महत्वपूर्ण विशेषताएं हैं - सूची में शीर्षलेख/पाद लेख समर्थन अनुभाग के लिए शीर्षलेख/पाद लेख समर्थन स्क्रॉल लोड हो रहा है ताज़ा करने के लिए खींचें पूरी तरह से क्रॉस-प्लेटफ़ॉर्म मूल अनुभागसूची घटक इस प्रकार दिखत

आईओ और एंड्रॉइड ऐप की लोकप्रियता में वृद्धि आजकल बहुत सारी कंपनियां ऐप बना रही हैं और चाहती हैं कि वे तेजी से विकसित हों। एक पूरी तरह से देशी ऐप बहुत महंगा हो रहा है क्योंकि इसे आईओएस और एंड्रॉइड पर काम करने के लिए अलग-अलग टीमों की आवश्यकता होती है। ReactNative इसका एक अच्छा समाधान है क्योंकि रिएक्ट

मोडल घटक आपकी UI सामग्री के ऊपर सामग्री दृश्य प्रदर्शित करने में मदद करता है। मूल मोडल घटक इस प्रकार है - आपकी सामग्री यहां है मोडल घटक के साथ काम करने के लिए आपको इसे पहले निम्नानुसार आयात करना होगा - प्रतिक्रिया-मूल से आयात { Modal }; मोडल विंडो के मूल गुण इस प्रकार हैं - Sr.No प्रॉप्स और विव

डिवाइस पर UI के साथ इंटरेक्शन मुख्य रूप से टच या टैप के माध्यम से होता है। इसलिए जब हम ऐप का उपयोग करते हैं, तो हम ज्यादातर कुछ क्रिया करने के लिए बटन को टैप करते हैं, या स्क्रीन को छूकर पेज को स्क्रॉल करते हैं, पेज को ज़ूम करने का प्रयास करते हैं। स्पर्श करने योग्य घटक इसे स्पर्श करता है। आइए देखे

अलर्ट घटक प्रदर्शित संदेश के आधार पर उपयोगकर्ता से पुष्टि जानने के लिए एक डायलॉग बॉक्स यानी एक शीर्षक, संदेश, बटन के साथ उपयोगकर्ता को पॉप अप दिखाने में मदद करता है। अलर्ट का मूल घटक इस प्रकार है - Alert.alert(yourtile, yourmessage, [yourbuttons], Options) अलर्ट घटक के साथ काम करने के लिए आपको इसे

सर्वर से डेटा लोड करने के लिए आप fetch API . का उपयोग कर सकते हैं जो XMLHttpRequest . के समान है या कोई अन्य नेटवर्किंग एपीआई। फ़ेच का उपयोग करके सर्वर से अनुरोध करना बहुत आसान है। निम्नलिखित कोड पर एक नज़र डालें - console.log(responseJson)); उपरोक्त कोड में हम JSON फ़ाइल https://jsonplaceholder

एक बार आपके सिस्टम पर ReactNative स्थापित हो जाने के बाद, आपको App.js में एक डिफ़ॉल्ट कोड इस प्रकार प्राप्त होना चाहिए - प्रतिक्रिया से आयात प्रतिक्रिया; आयात {शैलीपत्रक, पाठ, दृश्य} प्रतिक्रिया-मूल से; निर्यात डिफ़ॉल्ट वर्ग ऐप प्रतिक्रिया बढ़ाता है। घटक {रेंडर() {वापसी ( अपने ऐप पर काम करना शुरू

लोडिंग इंडिकेटर का उपयोग तब किया जाता है जब हम यूजर को बताना चाहते हैं कि यूआई पर उनके द्वारा किए गए अनुरोध में समय लगेगा। यदि उपयोगकर्ता ने फॉर्म भरने के बाद सबमिट बटन पर क्लिक किया है, या कुछ डेटा प्राप्त करने के लिए खोज बटन पर क्लिक किया है। ReactNative एक एक्टिविटीइंडिकेटर घटक प्रदान करता है जि

प्रोग्रेसबार उपयोगकर्ताओं को यह बताने का एक तरीका है कि सामग्री कुछ समय में उपलब्ध होगी। जब आप सर्वर पर कुछ सबमिट करते हैं और सर्वर के जवाब की प्रतीक्षा करते हैं तो इसका सबसे अच्छा उपयोग किया जा सकता है। प्रगति पट्टी घटक के साथ काम करने के लिए npm का उपयोग करके प्रतिक्रिया-मूल-पेपर मॉड्यूल स्थापित

SafeViewArea घटक आपकी सामग्री को डिवाइस की सुरक्षित सीमाओं में प्रदर्शित करने के लिए है। यह पैडिंग जोड़ने का ध्यान रखता है और यह भी सुनिश्चित करता है कि आपकी सामग्री को नेविगेशन बार, टूलबार, टैब बार आदि के साथ कवर न किया जाए। यह घटक केवल iOS उपकरणों के लिए उपलब्ध है। और यहाँ उसी का एक कार्यशील उदाहर