अपने ऐप में दिनांक और समय पिकर प्रदर्शित करने के लिए आपको एक पैकेज स्थापित करना होगा जैसा कि नीचे दिखाया गया है - 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 उपकरणों के लिए उपलब्ध है। और यहाँ उसी का एक कार्यशील उदाहर

writable.cork() विधि का उपयोग सभी लिखित डेटा को स्मृति के अंदर बफर करने के लिए मजबूर करने के लिए किया जाता है। इस बफ़र किए गए डेटा को स्ट्रीम.अनकॉर्क () या स्ट्रीम.एंड () विधि को कॉल करने के बाद ही बफर मेमोरी से हटाया जाएगा। सिंटैक्स कॉर्क () writeable.cork() अनकॉर्क () writeable.uncork() पैरामी

writable.writableLength प्रॉपर्टी का उपयोग बाइट्स या ऑब्जेक्ट्स की संख्या को प्रदर्शित करने के लिए किया जाता है जो कि कतार में हैं जो लिखे जाने के लिए तैयार हैं। इसका उपयोग HighWaterMark से स्थिति के अनुसार डेटा का निरीक्षण करने के लिए किया जाता है। सिंटैक्स लिखने योग्य.लिखने योग्य लंबाई उदाहरण 1 न

writable.writableObjectMode गुण का उपयोग दिए गए लेखन योग्य स्ट्रीम के ऑब्जेक्टमोड गुण प्राप्त करने के लिए किया जाता है। ऑब्जेक्ट मोड सेट होने पर संपत्ति सत्य वापस आ जाएगी, अन्यथा झूठी वापस कर दी जाएगी। सिंटैक्स writeable.writableObjectMode उदाहरण नाम के साथ एक फाइल बनाएं - writableObjectMode.js और

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

रिएक्ट नेटिव में सबसे महत्वपूर्ण मुख्य घटक इस प्रकार हैं - प्रतिक्रिया मूल घटक एंड्रॉइड नेटिव व्यू आईओएस नेटिव व्यू वेब ब्राउज़र विवरण देखें - जब ऐप को Android डिवाइस में देखा जाता है तो घटक को . में बदल दिया जाएगा जब ऐप को IOS डिवाइस में देखा जाता है तो कंपोनेंट को में बदल दिया जाएगा वे

राज्य वह स्थान है जहां से डेटा आता है। हमें हमेशा अपने राज्य को यथासंभव सरल बनाने का प्रयास करना चाहिए और स्टेटफुल घटकों की संख्या को कम से कम करना चाहिए। उदाहरण के लिए, यदि हमारे पास दस घटक हैं जिन्हें राज्य से डेटा की आवश्यकता है, तो हमें एक कंटेनर घटक बनाना चाहिए जो उन सभी के लिए राज्य को बनाए रख