Question

为导入的简单FlatList做一个项目 npm i react-native-elements --save

npm i-保存react-native-vector-icons

然后我将其链接

react-native链接react-native-vector-icons

when I try to add List in importing react-native-elements can't get suggestions and can't resolve image can be seen here

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>
    );
  }
}

index.js的代码

import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

The error I received when Running

Answer 1

在@TimH答案中添加内容。

RN元素实际上是1.1.0版本，但不再包含List组件。

这里是the documentation for this version 1.1.0

版本0.19.x是旧版本，List组件仍在这里。 0.19.1可能已安装在项目中时，您正在阅读1.1.0文档。

Answer 2

简单的答案：react-native-elements中没有List组件，这就是为什么您不能导入它的原因。

只需删除导入以及渲染函数中的List元素，它就可以正常工作。

编辑：自v1.0.0-beta4版以来，List组件已删除。

如果您仍然希望拥有List，则可以使用以下命令安装1.0.0-beta4以下的任何版本：

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

将@1.0.0-beta3替换为所需的任何版本。您可以在“版本” here标签下找到所有可用版本。

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

2 个答案: