javascript - 如何在 ReactNative 的 ListView 中的项目末尾添加按钮？

Question

这是我尝试过的，但“显示未链接的标签”出现在底部，而不是在最后一项之后。

render() {

return (
  <View style={styles.container}>
    <Text style={styles.title}> Settings Children </Text>
      <ListView
      dataSource={this.state.dataSource}
      renderRow={(rowData)=> <Text>{rowData}</Text>}
      />
      <View style={styles.button}>
        <Text style={styles.buttonText}>Show unlinked tags</Text>
      </View>

  </View>

)
}

View image!

Answer 1

您可以使用 renderFooter 在列表之后渲染 View 。

renderFooter = () => {
  return (
    <View style={styles.button}>
      <Text style={styles.buttonText}>Show unlinked tags</Text>
    </View>
  )
}
render() {

return (
  <View style={styles.container}>
    <Text style={styles.title}> Settings Children </Text>
    <ListView
      dataSource={this.state.dataSource}
      renderRow={(rowData)=> <Text>{rowData}</Text>}
      renderFooter={this.renderFooter}
    />
  </View>
)
}