التطبيق لا يقوم بعمل scrolling عند وضع ScrolView داخل View في React Native؟

Emad Saif · 20 يونيو 2022

إذا قمت بعمل ScrollView يعمل التطبيق بشكل ممتاز ويمكن للمستخدم أن يقوم بالتمرير Scroll إلى الأسفل والأعلى بدون مشكلة:

return(
    <ScrollView>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
        <Text>Some Contgent</Text>
  
        {/* ... */}
  
    </ScrollView>
);

لكن تظهر لي مشكلة إن قمت بإضافة المكون ScrollView داخل مكون View:

return(
    <View>
        <ScrollView>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
                <Text>Some Contgent</Text>
  
                {/* ... */}
  
        </ScrollView>
    </View>
);

حينها لا يمكن للمستخدم أن يقوم بالتمرير إلى الأسفل على الإطلاق، هل يوجد حل لهذه المشكلة في React Native؟

Wael Aljamal · 20 يونيو 2022

يمكن حل المشكلة بإضافة تنسيقين

flex = 1 للعنصر view
contentContainerStyle={{ flexGrow: 1 }} للعنصر ScrollView

return(
  <View style={{flex: 1}}>
    <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
      ..
    </ScrollView>
  </View>
);

التطبيق لا يقوم بعمل scrolling عند وضع ScrolView داخل View في React Native؟

السؤال

Emad Saif

رابط هذا التعليق

شارك على الشبكات الإجتماعية

1 جواب على هذا السؤال

Recommended Posts

Wael Aljamal

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية