Я просто хочу отобразить список в React Native, используя следующий массив JSON

[{"a": 1000}, {"b": 2000}, {"c": 3000}, {"d": 4000}, {"e": 6000}, {"f": 7000}]

Используя эти данные, я хочу составить список в приложении для реагирования, например

a   1000
b   2000
c   3000
d   4000
e   5000
f   6000

заранее спасибо


react-native listview react-native-flatlist
person Bhupesh Kumar    schedule 17.11.2020    source источник
comment
Хорошо, а с какой проблемой вы столкнулись? Что мешает вам достичь желаемого результата?   -  person Calvin Nunes    schedule 17.11.2020
comment
Я не знаю, как это сделать!!   -  person Bhupesh Kumar    schedule 17.11.2020
comment
Итак, пожалуйста, начните с просмотра некоторых руководств и документации по react-native и FlatList. Затем, когда вы попробуете это сами и не добьётесь того, чего ожидаете, вернитесь в StackOverflow с проблемой. Я говорю, что из-за правил сообщества SO прочитайте Как спросить и минимально воспроизводимый пример   -  person Calvin Nunes    schedule 17.11.2020
comment
Да, я знаю, но сначала посмотрите мой массив данных. У меня вообще нет одинаковых пар ключ-значение, что желательно в реагирующем плоском списке.   -  person Bhupesh Kumar    schedule 17.11.2020
comment
Так почему бы вам не показать нам, что вы пробовали до сих пор, и тогда мы сможем вам помочь? Как я уже сказал, если вы прочитали Как спросить и минимальный воспроизводимый пример вы поймете, что вам нужно добавить свой код   -  person Calvin Nunes    schedule 17.11.2020
comment
Вы можете взять ссылку на этот вопрос. stackoverflow.com/questions/39965579 /   -  person Sandip Jangra    schedule 17.11.2020

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте так

import React from 'react';
import { SafeAreaView, View, FlatList, StyleSheet, Text, StatusBar } from 'react-native';

const DATA = [{"a": 1000}, {"b": 2000}, {"c": 3000}, {"d": 4000}, {"e": 6000}, {"f": 7000}];
 

const App = () => {

  const renderItem = ({ item }) => {
    const key = Object.keys(item);
    const value = Object.values(item);
    return (
    <View style={{flexDirection:"row"}}>
        <Text>{key[0]}</Text>
        <Text>{value[0]}</Text>
    </View>
    );
  }

  return (
      <FlatList
        data={DATA}
        renderItem={renderItem}
        keyExtractor={(item, index) => index.toString()}
      />
  );
}
person Nooruddin Lakhani    schedule 17.11.2020
comment
@Bhupesh это сработало? проверить, я обновил свой ответ - person Nooruddin Lakhani; 17.11.2020