Question

我目前使用React Native的ListView来显示包含节标题的列表（renderSectionHeader）：

<ListView
  dataSource={this.state.dataSource}
  renderRow={(rowData) => <JobListDetail firstOccurrence={rowData} />}
  renderSectionHeader={(sectionData, sectionId) => <ListSectionHeader sectionId={sectionId} />}
/>

dataSource包含一个对象数组，其中包含键中的节头，以及一个列表项数组作为值，如此

{
  Section 1: [{firstName: 'A', lastName: 'B'}, {firstName: 'C', lastName: 'D'}],
  Section 2: [{firstName: 'E', lastName: 'F'}, {firstName: 'G', lastName: 'H'}]
}

我想知道是否可以使用NativeBase的List组件实现相同（并且具有更好的布局）。但是，我找不到有关如何传入节标题的任何信息：

<List dataArray={items} renderRow={(data) =>
    <ListItem>
        <Text>{data}</Text>
    </ListItem>
} />

这是可能的，如果是的话，使用它而不是React Native的ListView是否有缺点？

Answer 1

理论上，NativeBase的sample <- sample %>% #Do normal mutations on the data mutate(rev_app = str_replace_all(rev_app, "/5", "")) %>% mutate(review_taste = str_replace_all(review_taste, "/10", "")) %>% #Now add this one-liner onto your chain mutate_at(c(2,4), as.numeric) %>% glimpse(., n=5)应该接受React Native的List支持的道具。

可以使用ListView prop：

呈现节标题

itemHeader

使用分隔符反应Native NativeBase ListView

1 个答案: