IOS और Android के लिए एक साधारण पूर्ण आकार की मॉडल छवि

ब्लॉग

IOS और Android के लिए एक साधारण पूर्ण आकार की मॉडल छवि

IOS और Android के लिए एक साधारण पूर्ण आकार की मॉडल छवि

प्रतिक्रिया-मूल-छवि-मोडल

प्रतिक्रिया-मूल-छवि-मोडल आईओएस और एंड्रॉइड के लिए एक साधारण पूर्ण आकार की मोडल छवि है।

आप ज़ूम-इन/आउट पिंच कर सकते हैं, ज़ूम-इन/आउट डबल-टैप कर सकते हैं, मूव कर सकते हैं और खारिज करने के लिए स्वाइप कर सकते हैं। यह प्रतिक्रिया संस्करण> = 0.60 और . का समर्थन करता है<= 0.59.

ब्लॉग

|_+_| का उपयोग करने के तरीके के बारे में ब्लॉग पोस्ट हैं।

इंस्टालेशन

प्रतिक्रिया देशी-छवि-मोडल स्थापित करने के लिए आदेश निष्पादित करें।

react-native-image-modal

कैसे इस्तेमाल करे

आयात प्रतिक्रिया-मूल-छवि-मोडल।

npm install --save react-native-image-modal

जहां आप इसका उपयोग करना चाहते हैं, वहां नीचे स्रोत कोड जोड़ें।

import ImageModal from 'react-native-image-modal';

पुस्तकालय स्थापित करें

return ( open and close image modal

  • pinch zoom in/out and move

pinch zoom in/out and move

  • double tap zoom in/out

double tap zoom in/out

  • swipe to dismiss

swipe to dismiss

  • customize the component with the close button

customize the component

Example code

You can see the example code and demo.

Clone the repository

git clone https://github.com/dev-yakuza/react-native-image-modal.git 

उदाहरण प्रोजेक्ट निष्पादित करें

cd Example npm install # iOS cd ios pod install

सहयोग

प्रतिक्रिया-मूल-छवि-मोडल योगदान करने के लिए आप नीचे का अनुसरण कर सकते हैं।

रिपॉजिटरी को क्लोन करें

# Example folder # iOS npm run ios # Android npm run android

एनपीएम स्क्रिप्ट के माध्यम से टाइपस्क्रिप्ट निष्पादित करें

git clone https://github.com/dev-yakuza/react-native-image-modal.git

नीचे दिए गए आदेशों के माध्यम से विकास परियोजना को निष्पादित करें।

npm install npm start

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

लेखक: देव-यकुज़ा

डेमो: https://dev-yakuza.posstree.com/hi/react-native/react-native-image-modal/

सोर्स कोड: https://github.com/dev-yakuza/react-native-image-modal

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