Question

我是React-Native的新手。在这种情况下，我想将服务器中的图像显示到我的卡中。

class Events extends Component {
state = {
    listsofEvents: []
}
componentWillMount() {
   eventsRef.on('value', (data) => {
        this.setState({ listsofEvents: Object.values(data.val()) })
        console.log('this data', Object.values(data.val()))
    })
}

renderEvent() {
  const { listsofEvents } = this.state;
  console.log('out of renderdasds', listsofEvents)
  return listsofEvents.map(event => <EventDetail key={event.title} event={event} />
  );
}

render() {
    return (
        <Container>
          <Content>
             {this.renderEvent()}
          </Content>
        </Container>
    );
  }
}

和细节组件

    const EventDetail = (props) => {
    return ( 
        <Card >
            <CardItem>
                <Left>
                    <Body>
                        <Text>{props.event.title}</Text>
                    </Body>
                </Left>
              </CardItem>
              <CardItem cardBody>
                    <Image
                          style={{width: 400, height: 250}}
                          source={{uri: 'http://oisooyqzw.bkt.clouddn.com/emergency.jpg'}}
                        />
              </CardItem>
              <CardItem content>
                  <Text>{props.event.poster}</Text>
              </CardItem>

       </Card>
    );

};

我只看到空白卡，对于图像，我使用一个图像 - 云Qiniu，如果我把任何其他图像工作，在我的应用程序的旧版本（使用离子）它正在工作，但React不想要！实际问题在哪里？

为什么图像不显示React-Native

0 个答案: