Print object values inside <FlatList>

I have data as object as follow:

const allrptbyname =    {
                          "test1" : [
                                     {"id":11,"name":"test1","day":"MON","level":2}, 
                                     {"id":14,"name":"test1","day":"WED","level":4}
                                    ],
                           "test2" :[
                                     {"id":13,"name":"test2","day":"TUE","level":3}, 
                                     {"id":15,"name":"test2","day":"FRI","level":5}
                                     ]
                         }

I want to print these data inside <FlatList>, my FlatList looks like the following:

<FlatList data={allrptbyname}
  renderItem={({ item }) => (
    <ListItem onPress={console.log("report clicked")/*() => onItemClickHandler(item)*/}>
      <Avatar.Icon color="#ffffff" backgroundColor='#ff9193' size={53} icon="file-excel" />
      <ListItem.Content>
        <ListItem.Title >
               {/* here the title will be test1, test2 and so one */}
        </ListItem.Title>
      </ListItem.Content>
     <ListItem.Chevron />
    </ListItem>
    )}
      keyExtractor={item => /* here the key will be these names test1,test1*/}
 />

here an example of how the app view will look like
here an example of how the app view will look like

47 thoughts on “Print object values inside <FlatList>”

  1. For FlatList, the data should be an array always.

    Please refer FlatList data documentation.

    In your example, allrptbyname is an object. So first convert it into an array and then assign it to your FlatList.

    And once that is done, then something like this should work,

    <ListItem.Title>
         {item.name}
    </ListItem.Title>
    
    Reply
  2. positive feedback neuroscience community acquired pneumonia bts , positive feedback loop quizlet. culture shock definition lyrica 150 mg what is lyrica , community college reddit community bank plattsburgh individual level performance , community first credit union reviews community cast british guy? positive quotes black and white community first credit union used car loan rates, community advocates project bridge followers and leaders.
    community bridges locations az , positive affirmations nursing community action council steubenville ohio community colleges near me that offer zoology.

    Reply
  3. office software free download drawing program website to buy autocad 2021 best recovery software for pc 2020. free office software mac os x origin 2020 software download engeeeneringu#$sssaunnplus , adobe photoshop 2020 software free download. free backup software 2020, office software for mac office software market office suite programs free. medical office software for mac office software in linux, radeon software adrenalin 2020 edition 20.2.2.

    Reply
  4. Hc pigment Control Leke Kremi

    HC Pigment-Control’ün cilt lekelerine karşı hızlı ve güçlü etkisi, Kuzey Kanada
    Bozkırları’na özgü bir tarla bitkisi olan Rumeks’ten (Tyrostat™), tabiatın yeniden canlandırma
    mucizesi olan Yeniden Diriliş Bitkisi’ne kadar
    birçok doğal ve saf aktif bileşene dayalıdır. Tüm bu aktif bileşenlerin, lekeler ve cilt
    yaşlanması üzerindeki etkileri in-vivo testler ve
    klinik laboratuvar çalışmalarıyla kanıtlanmıştır.
    Tüm cilt tiplerinde, leke problemlerini giderme ve önlemede, cilt tonu eşitsizliğinde,
    cilt aydınlatmasında, nem ihtiyacı olan ciltlerde güvenle kullanılabilir.

    LEKE KrEMi
    için hemen sitemizi ziyaret et

    Reply
  5. Cilt lekeleri, çeşitli faktörlere bağlı olarak ortaya çıkabilir.

    genelde akne sonrası yahut korunmasız güneşlenme sonrası, leke görülebilir.
    Leke oluşumu çabuk olsa da basit basit geçmez ve ciltte kötü bir görüntü oluşturabilir.

    En iyi Leke kremi kullanılarak, lekelere veda edilebilir.
    leke kremleri günde iki defa, gündüzleri güneş koruyucu ile birlikte kullanılmalıdır.

    En İyi Leke Kremi

    En iyi Leke kremi çeşitleri, lekenin yapısına ve türüne nazaran değişkenlik gösterir.
    Farklı içeriğidir. Akne lekeleri için nicamide içerikli ürünler tercih edilir.
    hem de cildi soyucu tesiri olan, hafifçe asit içerikli
    kremler de sivilce lekelerine iyi gelir..

    Hc markasının gözde ürünlerinden tedavisinde oldukça etkili bir
    tedavi yöntemidir. Hekimin seçeceği bir peeeling solüsyonu tüm yüze uygulanır.
    Bu yöntemle leke tedavi olurken aynı zamanda
    cilt yenilenmiş ve tazelenmiş olur. Yani kimyasal peeling yöntemi ile leke tedavi edilirken cilt gençleştirme
    işlemi de yapılmış olur.

    Uygulandığı bölgede yeniden yapılanma sürecini başlattığı için pigment hücrelerinin çok bulunduğu
    lekeli alanlarda da yeniden yapılanmayı tetikler
    ve o bölgede kümelenmiş pigment hücrelerini eşitler.
    Böylece altıniğne lazer ile lekeler tedavi olurken tüm ciltte cilt tonu eşitsizlikleri de düzelir.

    HC Pigment-Control’ün cilt lekelerine karşı
    hızlı ve güçlü etkisi, Kuzey Kanada Bozkırları’na özgü bir tarla
    bitkisi olan Rumeks’ten (Tyrostat™), tabiatın yeniden canlandırma mucizesi olan Yeniden Diriliş Bitkisi’ne kadar
    birçok doğal ve saf aktif bileşene dayalıdır.

    Tüm bu aktif bileşenlerin, lekeler ve cilt yaşlanması üzerindeki etkileri in-vivo testler ve klinik
    laboratuvar çalışmalarıyla kanıtlanmıştır. Tüm cilt tiplerinde, leke problemlerini giderme ve önlemede, cilt tonu
    eşitsizliğinde, cilt aydınlatmasında, nem ihtiyacı
    olan ciltlerde güvenle kullanılabilir.

    Leke Kremi

    Reply
  6. Hey there would you mind sharing which blog platform you’re working with?
    I’m going to start my own blog soon but I’m having a difficult time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and I’m looking for something unique.

    P.S Apologies for being off-topic but I had to ask!

    Reply
  7. Excellent blog here! Also your site loads up very fast!
    What host are you using? Can I get your affiliate link to your host?
    I wish my site loaded up as fast as yours lol

    Reply
  8. Hi there! This article couldn’t be written much better!
    Reading through this article reminds me of my previous roommate!
    He constantly kept talking about this. I most certainly will forward this post to him.

    Pretty sure he’ll have a very good read. Thanks for sharing!

    Reply

Leave a Comment