创建一个网格eith react native

时间:2017-10-23 14:54:50

标签: reactjs react-native

我正在尝试在网格中显示元素。每行应包含尽可能多的元素,具体取决于屏幕大小。我在论坛中发现了一个类似的post,但是代码看起来很旧,我很反应原生,我无法运行它。你能帮我么?这是我目前的代码

    export default class Container extends Component {
  constructor() {
    super();
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    this.state = {
      dataSource: ds.cloneWithRows(['row 1', 'row 2']),
    };
  }

  render() {
    return (
      <ListView
        dataSource={this.state.dataSource}
        renderRow={(rowData) => <Text>{rowData}</Text>}
      />
    );
  }
}

我在第dataSource={this.state.dataSource}行收到错误:undefined is not an object (evaluating 'new _reactNativeElements.ListView.DataSource

1 个答案:

答案 0 :(得分:0)

您需要确保从org.apache.kafka.connect.sink.SinkConnector

导入ListView
react-native

错误表明import { ListView } from 'react-native' ListView

请注意,它已被弃用,您应该使用FlatList。

  

DEPRECATED - 使用其中一个新的列表组件,例如FlatList或   SectionList用于限制内存使用,更少的错误,更好的性能,a   更易于使用的API和更多功能。 Check out this blog post for   more details.