अपने ऐप में डेट और टाइम पिकर प्रदर्शित करने के लिए आपको नीचे दिखाए अनुसार एक पैकेज इंस्टॉल करना होगा: npm install @react-native-community/datetimepicker --save एक बार इंस्टॉलेशन पूरा हो जाने पर, आइए अब देखते हैं कि डेटपिकर पहले कैसे प्रदर्शित करें। उदाहरण: React Native में DateTimePicker पहले datet

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

React Native एक Animation कंपोनेंट प्रदान करता है जो उपलब्ध कंपोनेंट्स में अधिक इंटरएक्टिविटी जोड़ने में मदद करता है। Animation कंपोनेंट का उपयोग View, Text, Image, ScrollView, FlatList और SectionList को एनिमेट करने के लिए किया जा सकता है। React Native दो प्रकार के एनिमेशन प्रदान करता है: Animated

UI में चिप्स प्रदर्शित करने के लिए हम React Native Paper Material Design का उपयोग करने जा रहे हैं। React Native Paper को नीचे दिखाए अनुसार इंस्टॉल करें: npm install --save-dev react-native-paper चिप कंपोनेंट UI पर इस प्रकार दिखता है: बेसिक चिप कंपोनेंट इस प्रकार है: <Chip icon=icontodisplay onP

एक इंटरफेस जो सेक्शन में सूचियों को रेंडर करने में मदद करता है। SectionList की कुछ महत्वपूर्ण विशेषताएं हैं: सूची के लिए हेडर/फुटर सपोर्ट सेक्शन के लिए हेडर/फुटर सपोर्ट स्क्रॉल लोडिंग पुल टू रिफ्रेश पूरी तरह से क्रॉस-प्लेटफॉर्म बेसिक SectionList कंपोनेंट इस प्रकार दिखता है: <SectionList sectio

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

Modal कंपोनेंट आपके UI कंटेंट के ऊपर एक कंटेंट व्यू प्रदर्शित करने में मदद करता है। बेसिक Modal कंपोनेंट इस प्रकार है: { Alert.alert(Modal has been closed.); }}> Your Content Here</Modal> Modal कंपोनेंट के साथ काम करने के लिए आपको इसे पहले इम्पोर्ट करना होगा: import { Modal } from react-n

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

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

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

एक बार जब आपके सिस्टम पर React Native इंस्टॉल हो जाता है, तो आपको App.js में डिफ़ॉल्ट कोड मिलना चाहिए जैसा कि नीचे दिखाया गया है: import React from react; import { StyleSheet, Text, View } from react-native; export default class App extends React.Component { render() { return (

लोडिंग इंडिकेटर का उपयोग तब किया जाता है जब हम उपयोगकर्ता को बताना चाहते हैं कि उनके द्वारा UI पर किए गए अनुरोध में समय लगेगा। यदि उपयोगकर्ता फॉर्म भरने के बाद सबमिट बटन पर क्लिक करता है, या कुछ डेटा प्राप्त करने के लिए सर्च बटन पर क्लिक करता है। React Native एक ActivityIndicator कंपोनेंट प्रदान कर

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

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

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

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

writable.writableObjectMode प्रॉपर्टी का उपयोग दिए गए writable स्ट्रीम के objectMode प्रॉपर्टी को प्राप्त करने के लिए किया जाता है। यदि ऑब्जेक्ट मोड सेट है तो यह प्रॉपर्टी true लौटाती है, अन्यथा false लौटाती है। सिंटैक्स writeable.writableObjectMode उदाहरण writableObjectMode.js नाम से एक फ़ाइल बनाए

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

रिएक्ट नेटिव में सबसे महत्वपूर्ण कोर कंपोनेंट्स निम्नलिखित हैं: React Native कंपोनेंट Android नेटिव व्यू iOS नेटिव व्यू वेब ब्राउज़र विवरण View - <View> जब ऐप एंड्रॉइड डिवाइस में देखा जाता है तो <View> कंपोनेंट <ViewGroup> में बदल जाएगा जब ऐप iOS डिवाइस में देखा जाता है तो

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