Question

我正在使用nativebase.io中的tabs组件。我想在一个标签中显示平面列表。在那个列表中，srcolling无法正常工作，最后的项目没有得到回报。

这是我的代码

<Tabs>
    <Tab>
        <FlatList
            data={this.state.notes}
            renderItem={({ item, index }) =>
                <View>{item.note}</View>
            }
            keyExtractor={(item, index) => index.toString()}
            extraData={this.state.notes}
            ListEmptyComponent={<ErrorMessage />}
        />
    </Tab>
</Tabs>

Answer 1

将Flatlist放入View内，其视图样式为flex:1。如果不起作用，请将marginBottom添加到flatlist

<View style={{flex:1}}>
</View>

Answer 2

将其包装在具有以下样式的本机基本Content组件中对我来说很有效（请注意，不要将Tab包裹在Content中，这是我的错）：

<Tabs>
    <Tab>
        <Content style={{flex: 1}} contentContainerStyle={{flex: 1}}>
            // your FlatList here
        </Content>
    </Tab>
</Tabs>

标签内的平面清单未正确调整

2 个答案: