React Native Image не работает с пользовательским представлением Android Google Maps

Я показываю пять звезд подряд для оценок на маркере на картах Google. Он отлично работает на iOS, но изображения не загружаются на Android. Я не понимаю, почему, потому что я могу использовать тег в остальной части приложения. Похоже, это просто проблема с отображением пользовательского изображения на картах Google.

Путь актива правильный. Я попытался импортировать изображение, а также использовать URL-адрес uri. В андроиде вроде ничего не берется. Это единственная страница, с которой у него проблемы...

Это известная проблема?

const styles = StyleSheet.create({
  container: {
    backgroundColor: Colors.Transparent,
    flexDirection: "row",
    flex: 1,
    alignSelf: "center",
  },
  image: {
    width: 25,
    height: 25,
  },
});

const StarRating = props => {
  let rating = props.ratingValue;
  console.log("rating", rating);
  return (
    <View style={styles.container}>
      <Image style={styles.image} source={require("assets/star-filled.png")} />
      <Image style={styles.image} source={require("assets/star-filled.png")} />
      <Image style={styles.image} source={require("assets/star-filled.png")} />
      <Image style={styles.image} source={require("assets/star-filled.png")} />
      <Image style={styles.image} source={require("assets/star-filled.png")} />
    </View>
  );
};

иос работает:

иос

android не работает png" alt="андроид" />


react-native android-image react-native-maps react-native-image
person Olivia    schedule 18.12.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я считаю, что это ошибка на Android, что компонент Callout не может отображать изображение, в то время как он может на IOS.

В этом случае я вижу, что все, что вы пытаетесь сделать, это отобразить пять звездочек в компоненте выноски. Хорошая новость заключается в том, что то же самое можно получить с помощью expo/vector-icons. Я имею в виду, что вы можете переписать свой код следующим образом:

const StarRating = props => { let rating = props.ratingValue; console.log("rating", rating); return ( <View style={styles.container}> <Ionicons name="star" size={10}/> <Ionicons name="star" size={10}/> <Ionicons name="star" size={10}/> <Ionicons name="star" size={10}/> <Ionicons name="star" size={10}/> </View> ); };

person Modibo Sanogo    schedule 06.02.2021