Question

div {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

API响应：

sortable.map(function (item, index) {
      var mapsThumbImage = sortable[index].maps.small !== null ? sortable[index].maps.small : null;
      serialNumber = serialNumber + 1;
      sharedRidesData.push(
        <TouchableOpacity key={`${serialNumber}`} onPress={() => this.props.navigation.navigate('RidesDetails', {
          tripID: sortable[index].id, friendScreenFriendShipUserID: this.state.friendScreenFriendShipUserID, previousScreen:
            AppConstants.screenNameProfile
        })}>
          <View style={styles.ridesDataView} key={`${serialNumber}`}>
            <View style={styles.ridesFixedBoxViewDesignFirst} key={`${serialNumber}`}>
              <View style={styles.ridesViewRidesDesign} key={`${serialNumber}`}>
                <View style={styles.ridesViewRidesMarginDesign} key={`${serialNumber}`}>
                  <View style={styles.ridesMiddleBoxScrollViewImageDesign}>
                    {/* {mapsThumbImage != null ?
                      <Image source={{ uri: mapsThumbImage }} style={styles.ridesProfileImageDesign} />
                      : null} */}
                    {mapsThumbImage !== null ? <Image source={{ uri: mapsThumbImage }} style={styles.ridesProfileImageDesign} /> : null}
                  </View>

                  <View style={styles.boxLastContentViewDesignRiderLeftContentInnerViewFavourites} key={`${serialNumber}`}>
                    {this.state.fontLoaded ? <Text style={[styles.ridesOriginDestinationTextFavourites1, { fontSize: favouritesOrgDestTextFontSize, }]}>{sortable[index].origin.name} to</Text> : null}
                    {this.state.fontLoaded ? <Text style={[styles.ridesOriginDestinationTextFavourites2, { fontSize: favouritesOrgDestTextFontSize, }]}>{sortable[index].destination.name}</Text> : null}
                  </View>

                  <View style={styles.boxLastContentViewDesignRiderRightContentInnerViewFavourites}>
                    {this.state.fontLoaded ? <Text style={styles.ridesCountDesignRiderTextFavourites}>{sortable[index].trip_count}</Text> : null}
                    {this.state.fontLoaded ? <Text style={[styles.ridesCountDesignRidesTextTypeFavourites, { fontSize: RidesDetailsFavouriteTabDateDifferenceFontSize, }]} > Rides</Text> : null}
                  </View>

                  <View style={styles.boxLastContentViewDesignFriendsMainView}>
                    <TouchableOpacity onPress={() => { this.setState({ checked: !this.state.checked }) }} style={styles.checkBoxAgreeTermsAndConditionOuterDesign}>
                      <Entypo size={25} name="chevron-small-right" color="#292929" />
                    </TouchableOpacity>
                  </View>

                </View>
              </View>
            </View>
          </View>
        </TouchableOpacity>
      );
    }.bind(this));

在这里， sortable [index] .maps.small 是我正在获取的服务器映像路径。如果服务器上没有图像，则图像的API响应将为空。

问题是，所有图像都将加载到Android设备中，而无法加载到iphone设备中。

我也有控制台记录所有图像，并且我有正确的图像路径。如果图像不存在，则什么也不会发生。

如何解决此问题？有人会建议我吗？谢谢。

无法在iPhone上加载图片，因为Android设备代码正常运行

0 个答案: