如何在ios中的react-native-tableview中显示数组数据

时间:2017-06-14 10:26:12

标签: javascript ios react-native

我使用react-native-tableview显示数据列表。

这是我的代码

    <TableView style = {styles.usersTableViewStyle}
                   allowsToggle={true}
                   allowsMultipleSelection={true}
                   tableViewStyle={TableView.Consts.Style.Plain}
                   tableViewCellStyle={TableView.Consts.CellStyle.Subtitle}
                   onPress={(event) => console.log(event)}>

             <Section label="List" style={styles.Section}>
                    <Item> Apple </Item>
                    ....
             </Section>

    </TableView>

现在有一个带有虚拟数据的简单表格。

我有两个问题

  1. 我有一个数组,我想在表格中显示整个内容。我们怎样才能做到这一点?

  2. 无法在css中增加行高,剖面高度。如何增加细胞高度?

  3. Anyhelp可能会受到赞赏。提前谢谢。

1 个答案:

答案 0 :(得分:0)

我找到了第一个问题的答案。 如何在tableview中显示数组值?

使用此代码,我们可以在react-native-tableview中显示数组值。

<TableView style = {styles.fruitsTableViewStyle}
               allowsToggle={true}
               allowsMultipleSelection={true}
               tableViewStyle={TableView.Consts.Style.Plain}
               tableViewCellStyle={TableView.Consts.CellStyle.Subtitle}
               onPress={(event) => console.log(event)}>

          <Section label = 'List'>
               {
                   fruitsArray.map(function(name, index) {
                        return <Item key = {index} label = {name}>
                                     {name}
                               </Item>
                        )
               }

          </Section>
</TableView>