Question

我正在使用API来获取图片网址。我能够正确地获取图像网址。但有时很少有图像没有渲染。

react-native代码中是否有任何问题？

var productDetail = this.state.result[i];
this.state.product.push(
  <View key = {i}  style={{margin: 0.5, borderWidth: 10, borderColor: 'white', backgroundColor: 'white'}}>
    <Image
      resizeMode={'contain'}
      style={{width: width/2.35, height: 180,}}
      source={{uri: "https://abcd.in"+productDetail.image_url}}>
    </Image>
  </View>

渲染如：

<View>
    {product}
</View>

Answer 1

更新的答案：

var productDetail = this.state.result[i];
var products = this.state.product.slice();

products.push(
    <View key = {i}  style={{margin: 0.5, borderWidth: 10, borderColor: 'white', backgroundColor: 'white'}}>
        <Image
            resizeMode={'contain'}
                style={{width: width/2.35, height: 180,}}
                source={{uri: "https://abcd.in"+productDetail.image_url}}>
        </Image>
    </View>)

this.setState({
    product: products
})

React-Native：图像渲染不一致

1 个答案: