如何解决如何在ScrollView中滚动Flatlist?
import React,{ useState } from "react";
import { View,StyleSheet,FlatList,Text,ScrollView } from "react-native";
import FreshHeaderBox from "../Components/Fresh Components/FreshBox";
import FreshItemBox from "../Components/Fresh Components/FreshItemBox";
import Updates from "../Tracks";
import FreshGenreItems from "../Components/Fresh Components/FreshGenreItems";
import FreshGenre from "../Components/FreshGenre";
import Colors from "../Components/Colors";
const FreshScreen = () => {
let { album,flatlistContainer,discoverText,releaseText } = styles;
return (
<View style={styles.container}>
<ScrollView
style={{ flex: 1 }}
>
<View style={flatlistContainer}>
<Text style={releaseText}>New Releases</Text>
<FlatList
nestedScrollEnabled={true}
contentContainerStyle={{
alignItems: "center",}}
horizontal={true}
keyExtractor={FreshGenre.id}
data={FreshGenre}
renderItem={(item) => {
return (
<FreshGenreItems
genreTitle={item.item.title}
GenreCoverImage={item.item.coverImg}
style={{ width: 300 }}
/>
);
}}
/>
</View>
<View style={[{ ...flatlistContainer },{ height: "20%" }]}>
<Text style={{ color: "white",fontSize: 24 }}>ALBUMS</Text>
<FlatList
nestedScrollEnabled={true}
contentContainerStyle={{
alignItems: "center",}}
horizontal={true}
keyExtractor={FreshGenre.id}
data={FreshGenre}
renderItem={(item) => {
return (
<FreshGenreItems
genreTitle={item.item.title}
GenreCoverImage={item.item.coverImg}
style={{ width: 110,height: "50%" }}
/>
);
}}
/>
</View>
<View
style={{
width: "100%",}}
>
<Text style={discoverText}>Discover</Text>
<FlatList
nestedScrollEnabled={true}
keyExtractor={Updates.id}
data={Updates}
refreshing={true}
renderItem={(item) => {
return (
<FreshItemBox
songComposer={item.item.composer}
title={item.item.title}
downloads={item.item.Downloads}
/>
);
}}
/>
</View>
</ScrollView>
</View>
);
};
const styles = StyleSheet.create({
album: {
width: "100%",height: "50%",},container: {
width: "100%",height: "100%",flex: 1,paddingTop: 10,alignItems: "center",backgroundColor: Colors.primaryBackground,padding: 10,discoverText: {
color: "white",fontSize: 25,flatlistContainer: {
width: "100%",height: "45%",justifyContent: "center",borderRadius: 10,padding: 5,headerBox: {
width: "100%",height: "10%",releaseText: {
color: "white",fontSize: 30,});
export default FreshScreen;
我有三个Flat-List组件,其中两个水平滚动,另一个垂直滚动。 “水平”平面列表可以滚动,但“垂直”平面列表完全不滚动。这是源代码。...
最后一个平面列表组件完全不滚动。它在滚动视图组件滚动到的任何地方结束。有什么帮助吗?我在“平面列表”子组件中启用了嵌套滚动,但仍无济于事。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。