2017-09-29 42 views
-1

我試圖創建本機作出反應爲Android列表,我有這個組件:找不到變量FlatList或ListView

import React, { Component } from 'react'; 

export default class MyList extends React.Component { 
    render() { 
     return(<ListView></ListView>); 
    } 
} 

然而,ListView無法識別:Can't find variable: FlatList

如果我將ListView更改爲FlatList,我得到同樣的問題。

我認爲這些來自核心React模塊,我不需要導入任何其他東西。

我錯過了什麼嗎?

+0

需要導入的ListView/FlatList和你刨去使用任何其他成分。 – bennygenel

回答

2

你需要從react-native導入<ListView><FlatList>這樣:

import { ListView, FlatList } from 'react-native;

2

你誤會了幾件事情。

首先,如果您是從ReactdestructorComponent類,你不應該寫你的類是這樣的:

export default class MyComponent extends React.Component

而是把它寫像這樣:

export default class MyComponent extends Component

此外,React核心爲您提供lifecycles等。

react-native爲您提供了要使用的本機API組件。 (Flatlist,文本瀏覽等)

然而,這個段應解決您的問題:

import React, { Component } from 'react'; 
+ import { ListView } from 'react-native'; 

- export default class MyList extends React.Component { 
+ export default class MyList extends Component { 
    render() { 
     return(<ListView></ListView>); 
    } 
}