Question

我想使用Card View本机从服务器获取数据，但是当我打开活动仍在加载时，代码中的错误在哪里？

renderItem = ({ item }) => {
return (
  <Card>
    <CardItem cardBody>
      <Image source={{ uri: 'http://bprwasa.com/assets/frontend/images/gallery/kpo.jpg' }} style={{ height: 200, width: null, flex: 1 }} />
    </CardItem>
    <CardItem>
      <Body>
        <Text>
          {item.nama_wil}
        </Text>
      </Body>
    </CardItem>
  </Card>
)}

还有这个

render() {
return (
  this.state.isLoading
    ?
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <ActivityIndicator size='large' color='#330066' animating />
    </View>
    :
    <Container>
      <Content>
      {this.state.dataSource}
      {this.renderItem}
      </Content>
    </Container>

)}}

Answer 1

您遇到的问题是您没有将animating的{{1}}属性设置为ActivityIndicator。

不过，请注意，在本机版本false之前，仍然存在一个错误，请检查this

解决方案

使用此可重复使用的组件，它具有解决方法0.58.3 确保将其属性{ opacity: this.state.showActivityIndicator ? 1 : 0 }设置为showActivityIndicator和true。

false

希望这会有所帮助。！

使用卡视图对从服务器获取数据进行本地反应

1 个答案: