هل اذا قمت بعمل navigation للتطبيق لا احتاج الى  <SaveAreaView>  فى حالة اظهار header الخاص ب navigation ؟؟ ام ساظل استخدمها احتياطيا ؟؟

مرحبًا@Ahmed Sawy

بتاريخ 9 ساعات قال Ahmed Sawy:

باختصار بسيط جدا  "هل الهيدر الخاص ب navigation  يغنينى عن  <SaveAreaView>  ؟؟ "

في الحقيقة الإجابة لا. الهيدر الخاص ب navigation لا يغني عن <SaveAreaView>.

كما أنه لاستخدام <SaveAreaView> نقوم بتغليف ال Top level view بال <SaveAreaView> و ليس كل view بمفرده حتى تضمن ظهور المحتويات داخل المساحة الآمنة للجهاز. أيضًا هذه الخاصية تعمل على أجهزة ios النسخة 11 أو النسخ الأحدث فقط.

يمكنك قراءة المزيد من هنا.

يمكنك القراءة هنا أيضًا عن كيفية التعامل مع safeAreaView + React Navigation

لا يمكنك ذلك ولإصلاح هذه المشكلة، يمكنك عمل wrap للمحتوى الخاص بك في SafeAreaView ، والتي يمكن استيرادها من react-navigation. أيضا SafeAreaView لا يجب أن تقوم بتغليف navigators بالكامل ، فقط مكونات الشاشة أو أي محتوى فيها, كمثال:

import SafeAreaView from 'react-native-safe-area-view';

class MyHomeScreen extends Component {
  render() {
    return (
      <SafeAreaView style={styles.container}>
        <Text style={styles.paragraph}>This is top text.</Text>
        <Text style={styles.paragraph}>This is bottom text.</Text>
      </SafeAreaView>
    );
  }
}

ليكن في علمك أن SafeAreaView لا ينطبق حاليًا إلا على أجهزة iOS التي تعمل بالإصدار 11 من نظام التشغيل iOS أو إصدار أحدث.

أما بالنسبة للأندرويد وباقي الأجهزة:

import { Platform } from 'react-native';
import SafeAreaView from 'react-native-safe-area-view';
import DeviceInfo from 'react-native-device-info';

if (Platform.OS === 'android' && DeviceInfo.hasNotch()) {
  SafeAreaView
    .setStatusBarHeight
    /* Some value for status bar height + notch height */
    ();
}