टच करने योग्य क्षमता अस्पष्ट है जबकि टेक्स्ट इनपुट ने

Question

पर ध्यान केंद्रित किया है मैंने टेक्स्ट इनपुट और एक खोज बटन सहित एक खोज बार लागू किया है। विचार मूल रूप से टाइप करना है जिसे आप खोजना चाहते हैं और खोज बटन दबाएं। मेरी समस्या यह है कि टेक्स्ट इनपुट पर ध्यान केंद्रित करते समय बटन अनजान है। मतलब मुझे टेक्स्ट इनपुट को फोकस खोने के लिए और खोज बटन को हिट करने के लिए एक बार खोजने के लिए दो बार क्लिक करना होगा।

<View style={styles.searchView}> 
    <View style={styles.textInputView}> 
     <View> 
      <TextInput style={styles.textInput} 
         placeholder="Sök användare" 
         multiline={false} 
         autoFocus={true} 
         autoCapitalize="words" 
         underlineColorAndroid="transparent" /> 
     </View> 
    </View> 
    <TouchableOpacity> 
     <View style={styles.searchButton}> 
      <Image style = {styles.searchThumbnail} 
         source = {require('../images/navigatorThumbnails/search.png')}/> 
     </View> 
    </TouchableOpacity> 
</View> 

वहाँ जबकि TextInput ध्यान केंद्रित है TouchableOpacity क्लिक करने योग्य बनाने के लिए कोई तरीका है:

यहाँ मेरी कोड है?

Answer 1

स्क्रॉलव्यू (और ListViews) पर keyboardShouldPersistTaps नामक एक संपत्ति है।

प्रतिक्रिया-मूलनिवासी संस्करण> = 0,41

दस्तावेज़ीकरण के लिए कहते हैं:

निर्धारित करता है जब कुंजीपटल एक नल के बाद दिखाई रहना चाहिए।

• 'कभी नहीं' (डिफ़ॉल्ट), ध्यान केंद्रित पाठ इनपुट के बाहर दोहन जब कुंजीपटल निर्भर है कुंजीपटल खारिज। जब ऐसा होता है, तो बच्चों को टैप नहीं मिलेगा।

• 'हमेशा', कीबोर्ड स्वचालित रूप से खारिज नहीं होगा, और स्क्रॉल दृश्य नलियां नहीं पकड़ेगा, लेकिन स्क्रॉल व्यू के बच्चे नलियां पकड़ सकते हैं।

• '' संभाला गया, जब बच्चे को टैप को संभाला जाता था, तो कीबोर्ड स्वचालित रूप से खारिज नहीं होगा, (या पूर्वजों द्वारा कब्जा कर लिया गया था)।

always या handled के लिए सेट यह अपेक्षित व्यवहार है। प्रतिक्रिया-मूल निवासी के लिए < 0,41

प्रलेखन

पुराने संस्करण का कहना है:

झूठी, ध्यान केंद्रित पाठ इनपुट जब कुंजीपटल निर्भर है की दोहन के बाहर कुंजीपटल खारिज करते हैं। जब सही हो, स्क्रॉल व्यू नल पकड़ नहीं पाएगा, और कीबोर्ड स्वचालित रूप से खारिज नहीं होगा। मूल मूल्य गलत है।

इसे अपेक्षित व्यवहार करने के लिए true पर सेट करें। आपको इस प्रोप को अपने घटक पेड़ में विभिन्न स्थानों पर सेट करना पड़ सकता है।