React Native Image 不适用于 android google 映射自定义视图

Question

我在 google 地图的标记上连续显示五颗星以表示评分。它在 iOs 上运行良好，但在 Android 上没有加载图像。我不明白为什么，因为我可以在应用程序的其余部分使用该标签。这似乎只是在 google 地图上显示自定义图像的问题。

资产路径正确。我尝试过导入图像以及使用 uri url。 android 似乎什么都没有。这是唯一有问题的页面...

这是一个已知问题吗？

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>
  );
};

ios 工作：

android 不工作

Answer 1

我相信这是 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> ); };

React Native Image 不适用于 android google 映射自定义视图

React Native Image not working with android google maps custom view

react-native

android-image

react-native-maps

react-native-image