प्रतिक्रियाशील मूल निवासी के लिए पूरी तरह से अनुकूलन फ़्लोटिंग एक्शन बटन

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

प्रतिक्रियाशील मूल निवासी के लिए पूरी तरह से अनुकूलन फ़्लोटिंग एक्शन बटन

रिएक्टिव नेटिव फ्लोटिंग एक्शन बटन

इंस्टालेशन

निर्भरता जोड़ें:

npm i react-native-floating-action-button

सहकर्मी निर्भरता

जरूरी! आपको उन्हें स्थापित करने की आवश्यकता है।
'react': '>= 16.x', 'react-native': '>= 0.55.x', 'react-native-vector-icons': '>= 6,x,x', 'react-native-material-ripple': '>= 0.8.x', 'react-native-dynamic-vector-icons': '>= x.x.x'

मूल उपयोग

उदाहरण आवेदन

  • मैंने एक्सपो पर उदाहरण प्रोजेक्ट साझा किया है, यह जांचने के लिए बस अपने डिवाइस पर चलाएं: एक्सपो के माध्यम से या कोड की जांच करें , और हां! :) सभी चित्र, स्क्रीनशॉट सीधे इस उदाहरण से लिए गए हैं। बेशक, आप बस प्रोजेक्ट को क्लोन कर सकते हैं और उदाहरण को अपने पर्यावरण पर चला सकते हैं।

विन्यास - सहारा

बॉटमबार:
संपत्ति प्रकार चूक जाना विवरण
अंदाज अंदाज पात्र मुख्य FAB की शैली को बदलने के लिए इसका उपयोग करें
कंटेनर शैली अंदाज कंटेनर शैली मुख्य कंटेनर शैली को बदलने के लिए इसका उपयोग करें (अनुशंसित नहीं!)
छाया शैली अंदाज छाया शैली FAB की वर्तमान छाया शैली को बदलता है, आप अपनी स्वयं की छाया लागू कर सकते हैं
सामग्रीछाया बूलियन झूठा विशेष सामग्री छाया शैली बनाता है जैसे उदाहरण के रूप में दिखाया गया है
आकार संख्या पचास एफएबी के पूरे आकार को बदलने के लिए इसका इस्तेमाल करें
पीछे का रंग रंग #एफबीएफबीएफडी मुख्य FAB का रंग बदलने के लिए इसका उपयोग करें
छाया रंग रंग #बी२बी२बी२ एफएबी के छाया रंग को बदलने के लिए इसका इस्तेमाल करें
लहर रंग रंग आरजीबीए (110, 157, 251, 1.0) एफएबी के तरंग रंग को बदलने के लिए इसका इस्तेमाल करें
रिपलकंटेनरबॉर्डररेडियस संख्या 35 एफएबी के रिपल कंटेनर बॉर्डर त्रिज्या को बदलने के लिए इसका उपयोग करें यदि आपके पास अलग-अलग त्रिज्या के साथ एक कस्टम कंटेनर शैली है, तो आपको इसका उपयोग करने की आवश्यकता है
विकलांग बूलियन झूठा तरंग प्रभाव को अक्षम कर दिया
आइकननाम डोरी शून्य (ठीक किया जाएगा) प्रतिक्रिया-मूल-वैक्टर का उपयोग करके आइकन को ही बदल देता है
आइकन प्रकार डोरी शून्य (ठीक किया जाएगा) प्रतिक्रिया-मूल-वैक्टर का उपयोग करके आइकन को ही बदल देता है
आइकन आकार संख्या 30 आइकन के अंदर के आकार को बदलता है
आइकनघटक अवयव आइकन यह प्रतिक्रिया-देशी-गतिशील-वेक्टर-आइकन 'आइकन घटक का उपयोग करता है, आप आइकन के बजाय अपने स्वयं के घटक को लागू कर सकते हैं
पाठ अक्षम करें बूलियन झूठा अक्षम निचले पाठ को बदलने के लिए इसका उपयोग करें, अगर आपको केवल बटन का उपयोग करने की आवश्यकता है
मूलपाठ डोरी शून्य पाठ के नीचे बदलने के लिए इसका उपयोग करें
लिखावट का रंग रंग की आरजीबीए (110, 157, 251, 1.0) टेक्स्ट रंग के नीचे बदलने के लिए इसका इस्तेमाल करें
पाठ-शैली अंदाज पाठ-शैली टेक्स्ट शैली के नीचे स्वयं को बदलने के लिए इसका उपयोग करें

हर

  • [x] लाइसेंस
  • [ ] स्क्रीनशॉट के साथ नया उदाहरण!
  • [ ] माध्यम पर परिवाद के बारे में एक लेख लिखें |

क्रेडिट

को विशेष धन्यवाद n4kz, RN मटेरियल रिपल फ्लोटिंग एक्शन बटन को जीवंत करने के लिए :) मटेरियल रिपल रिएक्ट नेटिव में बिल्ट-इन फीचर पर होना चाहिए।



लेखक

अजीब कोडर, [email protected]

विवरण डाउनलोड करें:

लेखक: क्रोध अराजकता

सोर्स कोड: https://github.com/WrathChaos/react-native-floating-action-button

#प्रतिक्रिया-मूल #प्रतिक्रिया #मोबाइल-ऐप्स

यह सभी देखें:

नई वस्तुएं

सबसे पठनीय

संपादक की पसंद