عمر سالم2 نشر 23 مارس 2021 أرسل تقرير مشاركة نشر 23 مارس 2021 const App = () => { return ( <View style={{ width: '100%', height: '100%' }}> <SafeAreaView style={{ paddingLeft: 20, paddingRight: 20 }}> <FlatList contentContainerStyle={{ flexGrow: 1, display: 'flex' }} data={messages} ListHeaderComponent={ListHeaderComponent} renderItem={({ item, index, separators }) => ( <Message {...item} /> )} /> </SafeAreaView> <View style={{ position: 'absolute', bottom: 0, width: '100%', backgroundColor: 'rgba(250, 155, 123, 1)', padding: 12, display: 'flex', justifyContent: 'center', alignItems: 'center' }}> <Text style={{ borderRadius: 6, backgroundColor: 'rgba(0, 0, 0, .1)', color: '#fff', padding: 6 }}>Spam</Text> </View> </View> ); }; أريد القائمة نفسها ان يكون بها scroll، وليس الصفحة كلها... اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mohammed Saber6 نشر 23 مارس 2021 أرسل تقرير مشاركة نشر 23 مارس 2021 ال scroll يعمل بصورة جيدة أنت فقط تعتقد أن الصفحة هي التي يتم عمل scroll لها وليس ال FlatList والسبب في ذلك أن SafeAreaView يأخذ مساحة الشاشة كاملة وبالتالي ال FlatList عندما تتجاوز عناصرها مساحة الشاشة سيتم عمل scroll لها أي للصفحة ككل للتأكد من ذلك قم فقط بإعطاء SafeAreaView طول أقل وليكن 400px وقم بعمل scroll اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
عمر سالم2
أريد القائمة نفسها ان يكون بها scroll، وليس الصفحة كلها...
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.