عندما قمت بتحويل الخريطة الى animated فانها اختفت وظهرت بلون شبيه بالرمادى ولكن marker عليها عادى .. لا اعرف ما السبب

بتاريخ On 18‏/8‏/2021 at 15:45 قال أحمد ابراهيم عبد الله:

لم تجدى نفعا لاحظ اخى اننى استخدم الفانكشن كمبوننت وليس الكلاس 

@أحمد ابراهيم عبد الله تمام لا يوجد مشكلة , لا أعلم ما لديك في ال constructor أو ال style أنت هنا تقوم بوضع الستايل style={{flex: 1}} فقط يجب أن تقوم بإضافة الستايل الخاصة بالخريطة من خلال عمل absoluteFillObject يحوي عدة خصائص  أي هكذا أولاً قم بتعريف styles لكل من مكون الخارطة و الكونتينر هكذا 

const styles = StyleSheet.create({
 container: {
   ...StyleSheet.absoluteFillObject,
   height: 400,
   width: 400,
   justifyContent: 'flex-end',
   alignItems: 'center',
 },
 map: {
   ...StyleSheet.absoluteFillObject,
 },
});

ثم قم بتغيير 

style={{flex: 1}} 

إلى 

style={styles.map} 

وأيضاً إذا لا تستخدم جوجل مابس في مشروعك قم بإزالة هذا السطر 

provider={PROVIDER_GOOGLE} 

وهنا 

<View style={styles.markerTitleContainer}>

قم بتغييره إلى 

<View style={styles.container}> 

لأن هذا ما قمنا بتعريفه في styles ثم أعد التجربة 

@أحمد ابراهيم عبد الله

إستبدل السطر 

ref={mapRef}

ب

ref={ref => { this.map = ref; }}

مع تغيير الإسم على حسب ما لديك أتوقع لديك هكذا 

ref={ref => { this.mapRef= ref; }}

بتاريخ 52 دقائق مضت قال Mohamd Imran:

@أحمد ابراهيم عبد الله

إستبدل السطر 

ref={mapRef}

ب

ref={ref => { this.map = ref; }}

مع تغيير الإسم على حسب ما لديك أتوقع لديك هكذا 

ref={ref => { this.mapRef= ref; }}

لم تجدى نفعا لاحظ اخى اننى استخدم الفانكشن كمبوننت وليس الكلاس