平板列表在Android emulator上不滚动

我对react native还不熟悉，在学习教程时，我被平面列表的滚动卡住了。在使用相同代码的教程中，我可以看到列表正在滚动。我正在使用Android模拟器

class LibraryList extends Component {


    renderItem = ({ item }) => (
         <ListItem library={item} />
      );

    render() {
        console.log(this.props.libraries);
        return (

            <FlatList
                data={this.props.libraries}
                renderItem={this.renderItem}
                keyExtractor={library => library.id.toString()}
        />
        );
    }
}

const mapStateToProps = state => {
    return { libraries: state.libraries };
};

export default connect(mapStateToProps)(LibraryList);

class LibraryList扩展了组件{
renderItem=（{item}）=>(
);
render（）{
log（this.props.libraries）；
返回(
library.id.toString（）}
/>
);
}
}
常量mapStateToProps=状态=>{
返回{libraries:state.libraries}；
};
导出默认连接（MapStateTops）（库列表）；

尝试将

平面列表

包装为空的

视图

having

flex

is

1

因此，渲染方法代码如下所示：

 render() {
        console.log(this.props.libraries);
        return (
          <View style={{flex:1}}>
            <FlatList
                data={this.props.libraries}
                renderItem={this.renderItem}
                keyExtractor={library => library.id.toString()}
              />
         </View>
        );
    }

render（）{
log（this.props.libraries）；
返回(
library.id.toString（）}
/>
);
}

希望这将对您有所帮助。

尝试此代码块（例如，更改此自我代码）

renderFlatList（）{
返回(
this.renderAddFeedScool（）}
renderItem={（{item}）=>this.renderItem（item}
/>
);
}    
render（）{
返回(
{this.props.database.length>0(
此文件名为.renderFlatList（）
) : (
加载
)}
);
}
风格。。
容器：{
弹性：1，
},

完整代码：

看看 和：）最终解决方案使用本机基本列表组件，我认为这正是解决方案

---

干得好。

尝试在滚动视图中添加fatlist

<View style={styles.lastplayedlist}>
          <ScrollView>
            <FlatList
              data={this.state.dataSource}
              renderItem={({ item }) => {

                const artist = item.artist === "" ? "" : ' by ' + item.artist;

                return <Text style={styles.flatListItems}>{item.title + artist}</Text>
              }
              }
              keyExtractor={(item, index) => index}
            />
          </ScrollView>
        </View>

{
常量艺术家=item.artist==“”？“”：“'by'+item.artist；
返回{item.title+artist}
}
}
keyExtractor={（项，索引）=>index}
/>

尝试将flex应用于FlatList本身。能否提供运行代码：？没有

库

道具。

<View style={styles.lastplayedlist}>
          <ScrollView>
            <FlatList
              data={this.state.dataSource}
              renderItem={({ item }) => {

                const artist = item.artist === "" ? "" : ' by ' + item.artist;

                return <Text style={styles.flatListItems}>{item.title + artist}</Text>
              }
              }
              keyExtractor={(item, index) => index}
            />
          </ScrollView>
        </View>