स्क्रॉलव्यू

Question

के साथ कीबोर्डअवोइडिंग व्यू मैं देशी प्रतिक्रिया करने के लिए नया हूं और एक सवाल है कि मुझे प्रतिक्रिया मूल दस्तावेज में नहीं मिला।

मैं इस घटक KeyboardAvoidingView में देख रहा हूँ: https://facebook.github.io/react-native/docs/keyboardavoidingview.html

प्रश्न सरल है - किसी को भी KeyboardAvoidingView scrollview के साथ अच्छा काम करने के लिए मिल गया है? मेरे पास एक घटक में टेक्स्ट इनपुट बहुत अधिक है (टेक्स्ट इनपुट की ऊंचाई अधिक है तो डिवाइस की ऊंचाई अधिक है) और एक बार कुंजीपटल दिखाई देने पर मुझे कई समस्याएं होती हैं .. अगर मैं स्क्रॉलव्यू के बजाय व्यू का उपयोग करता हूं तो सब ठीक है लेकिन मैं इसका उपयोग नहीं कर सकता, क्योंकि मुझे इसकी आवश्यकता है डिवाइस की ऊंचाई के बाद और अधिक जगह .. कीबोर्डAvoidingView दस्तावेज़ में स्क्रॉल के बारे में कुछ भी नहीं मिला।

धन्यवाद।

Answer 1

ऐसा लगता है कि फेसबुक ने अभी तक scrollViews के लिए समाधान लागू नहीं किया है। लेकिन मुझे विक्स - https://github.com/wix/react-native-keyboard-aware-scrollview द्वारा किए गए समाधान मिलते हैं जैसे कि यह चाहिए :)

Answer 2

मैंने इंटरनेट पर समाधान ढूंढने का प्रयास किया लेकिन इसे स्वयं समझ लिया। मैं आईफोन एसई सिम्युलेटर पर स्क्रॉलव्यू के साथ काम करने के लिए कीबोर्डवाइडिंगव्यू बनाने में सक्षम था। मैं कुछ उच्च value.Hope करने के लिए 'keyboardVerticalOffset' के साथ गद्दी प्रकार 'स्थिति' का इस्तेमाल किया यह सब लोग, जो इस

render() { 
    return (
    <View style={…..}> 
     <ScrollView> 
       <KeyboardAvoidingView style={{ flex: 1 }} 
       keyboardVerticalOffset={100} behavior={"position"}> 
       <TextInput style={styles.editInput} …./> 

      </KeyboardAvoidingView> 
     </ScrollView> 
    </View> 
)} 

में फंस रहे हैं मदद करता है