如何使用 nativebase 創建水平列表

Question

我正在使用 react-native 作為我的前端庫的 nativebase 進行移動應用程序開發。 我想知道如何在 nativebase 中實現水平列表項

我知道我可以使用 FlatList 但我對 nativebase 列表組件感興趣

Answer 1

// import components from native base
import { List, ListItem } from "native-base";

// lets assume your you have this array
let data=[
  {
    pet: 'gsd'
  },
  {
    pet: 'husky'
  },
  {
    pet: 'rotweiler'
  }
];

// inside you render method return this component

return (
   <List horizontal={true} dataArray={data} // your array should go here
         renderRow={pet => (
             <ListItem>
                // if you want you can add a card item here, But I'm adding a simple text
                <Text> {pet.name}
                </Text>
             </ListItem>
         )}>
   </List>

)