@logo-rn/logo-list

displays a list of data.

Installation

Install the component:

npm i @logo-rn/logo-list -s

Usage

Once installed, import the component in your application:

import {LogoList} from '@logo-rn/logo-list';

 const items = {
   columnProperties: [
     {
       displaytype: "DataColumn",
       id: "1",
       titleColumn: true
     },
     {
       displaytype: "NumericColumn",
       id: "2"
     }
   ],
   rows: [
     [
       { value: "Ahmet Borslan" },
       { value: "22" },
      ],
      [
       { value: "Devrim Güner" },
       { value: "21" },
     ]
   ]
 }
 //..
  <LogoList>
       {items.rows.map((item: any) => {
         return (
           <LogoList.Item 
             item={item}
             columnProperties={items.columnProperties}
             iconStackRowAvailable={true}
             iconStack={[ ]}
             swipeActions={ [{ type: "Decline", onPress: () => Alert.alert("alert") } } />
         )
       })}
     </LogoList>  

For more detailed information, please visit:

Logo Elements Documentation ↗