Reactjs 在React Native中，我无法导入列表，但我可以成功使用ListItem

为我导入的简单平面列表执行项目

npm i反应本机元素--保存

npm i—保存反应本机向量图标

然后我把它链接起来

反应本机链接反应本机向量图标

App.js的代码

import React, {Component} from 'react';
import {ScrollView, FlatList, View} from 'react-native';
import { List, ListItem} from 'react-native-elements';


export default class App extends Component {

  state={
      data: []
    };

  componentWillMount() {
    this.fetchData();
  }

  fetchData = async() => {
    const response = await fetch('https://randomuser.me/api?results=10');
    const json = await response.json();
    this.setState({data: json.results});
  };

  render() {
    return (
      <View>
          <ScrollView>
        <List>
            <FlatList
                  data={this.state.data}
                  keyExtractor={(x,i) => i}
                  renderItem={({item}) =>
                      <ListItem
                          roundAvatar
                          avatar={{uri: item.picture.thumbnail}}
                          title={`${item.name.first} ${item.name.last}`}
                      />
                  }
              />
          </List>
          </ScrollView>
      </View>
    );
  }
}

---

简单回答：中没有可用的

列表

组件，因此无法导入

只需在渲染函数中删除导入和列表元素，它就可以工作了

编辑： 从版本开始，将删除

列表

组件

如果您仍想拥有

列表

，可以使用以下命令安装1.0.0-beta4以下的任何版本：

npm install --save react-native-elements@1.0.0-beta3

---

用所需的任何版本替换

@1.0.0-beta3

。您可以在“版本”选项卡下找到所有可用版本。

向@TimH answer添加内容

RN元素实际上在

1.1.0

版本中，不再包括

列表

组件

这是

---

版本

0.19.x

是一个旧版本，

List

组件仍然在这里。您正在阅读

0.19.1

文档，而

1.1.0

可能已安装在您的项目中。

链接后是否重新启动打包程序？是的，我重新启动了他们从react native导入列表的方式-elements@TharunEniyan他们正在使用较旧版本的

react-native-elements

。我已经更新了我的答案。谢谢你的贡献。它激励我稍微更新一下我的+1.

npm install --save react-native-elements@1.0.0-beta3