Как отобразить таблицу, используя плоский список в реагировать родной (с 2 столбцами, один для идентификатора и один для даты)

Question

createTableFL(){
    var { isLoading, tableData } = this.state;
    return(
        <ScrollView style={{marginTop:10}} >
            <ScrollView horizontal={true}>
                <View style={styles.containerT}>
                    <FlatList
                    data={tableData}
                    style={{flex:1,marginVertical:20}}
                    keyExtractor={(x,i)=>i}
                    renderItem={({item,i}) =>
                    {
                        <View>
                            <Text>{item.inventory_id}</Text>
                            <Text>{item.created_on}</Text>
                        </View> 
                    }}
                    numColumns={1}
                    />

                </View>
            </ScrollView>
        </ScrollView>
    )
}

Answer 1

Пожалуйста, проверьте ссылку https://aboutreact.com/example-of-gridview-using-flatlist-in-react-native/ для справки.

В противном случае вы просто измените количество столбцов вашей таблицы, присвоив значение numColumns={number of columns you want}.

Надеюсь, это работает для вас.

Answer 2

установить номер столбца следующим образом: numColumns={2}