2017-09-20 15 views
5

आईओएस 11 और iPhone एक्स Apple specified हर अनुप्रयोग एक "सुरक्षित क्षेत्र" में रहते हैं चाहिए के साथ (आभासी होम बटन के कारण):आयोनिक टैब बार घर बटन overlaps (iPhone एक्स - आईओएस 11)

enter image description here

इनसेट आवश्यक सामग्री कतरन को रोकने के लिए। [...] सर्वोत्तम परिणामों के लिए, अपने इंटरफ़ेस का निर्माण करने के लिए मानक, सिस्टम-प्रदत्त इंटरफ़ेस तत्वों और ऑटो लेआउट का उपयोग करें। सभी ऐप्स को UIKit द्वारा परिभाषित सुरक्षित क्षेत्र और लेआउट मार्जिन का पालन करना चाहिए, जो डिवाइस और संदर्भ के आधार पर उपयुक्त इन्सेटिंग सुनिश्चित करते हैं। सुरक्षित क्षेत्र सामग्री बार, नेविगेशन बार, टूलबार और टैब बार को अंडरलैप करने से सामग्री को भी रोकता है।

समस्या, टैब बार कवर के साथ एक ईओण एप्लिकेशन (v। 1) स्क्रीन के इस भाग है इसलिए बार घर बटन किया जा रहा है:

enter image description here

क्या किसी को पता है कि कैसे करने के लिए करता है इसे ठीक करो?

(कृपया ध्यान दें: यदि आप आईफोन एक्स सिम्युलेटर के अंदर एक नया आयनिक ऐप v1 चलाते हैं तो आपको खिड़की के ऊपर और नीचे दो काले रिक्त स्थान मिलेंगे, लेकिन आप इसे "व्यूपोर्ट-फिट = कवर" जोड़ने से रोक सकते हैं index.html के अंदर अपने मेटा टैग)

उत्तर

0

एक Ionic1 परियोजना के लिए, मैंने पाया कि टैब-एनएवी को लक्षित चाल किया था।

.tab-nav { 
    margin-bottom: constant(safe-area-inset-bottom); 
} 
1

आप एक ही सिद्धांत आयोनिक v1 पाद लेख के लिए this answer में उल्लिखित लागू करने के लिए सक्षम होना चाहिए, यानी

.bar-footer { 
    margin-bottom: constant(safe-area-inset-bottom); 
} 

(या कुछ इसी तरह - मैं इस परीक्षण नहीं किया)

0

आप एक बाधा टी जोड़ सकते हैं ओ अपने कस्टम टैबबार मुख्य दृश्य को नीचे सुरक्षित करने के लिए कनेक्ट करने के लिए AreaLayoutGuide।

yourView.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor).isActive = true 
संबंधित मुद्दे