首页 > 解决方案 > 当三星设备中的列表高度很大时,平面列表项目不显示

问题描述

我正在使用嵌套的 FlatList。其中内部的 Flatlist 包含服务。该列表可以是任意大小。我的问题仅与三星设备有关。

已经尝试过这个:当行是可变高度时,FlatList 的滚动问题

<FlatList 
    ref={component=>{this.myFlatList = component;}} 
         data={ this.state.employees } 
         extraData={this.state.employees} 
         renderItem={({item ,index}) =>
    <View style={styles.flat_box}>
        .............
        <FlatList 
         data={this.state.employees[index].employee_services} 
         extraData={this.state.employees[index].employee_services} 
         width='90%' marginHorizontal="5%" 
         ItemSeparatorComponent={this.FlatListItemSeparator} 
         renderItem={(value)=>
            <View style={{ flexDirection: 'row' }}>
                <Text style={[styles.item, { width: wp( '66') }]} 
                key={ "render_" + value.index}>{value.item?.vendor_service?.service || value.item?.service}</Text>
            </View>
            />
         ............
    </View>
    />

标签: react-native

解决方案


推荐阅读