我在runnig react-native run-android
时遇到问题。除非在iOS上构建成功,否则在Android上无法运行。我使用动画UI,所以我能意识到这一点吗?
latlng不能为空 - 需要一个位置
我的代码如下:
render() {
const interpolations = this.props.places.map((marker, index) => {
const inputRange = [
(index - 1) * CARD_WIDTH,
index * CARD_WIDTH,
((index + 1) * CARD_WIDTH),
];
const scale = this.animation.interpolate({
inputRange,
outputRange: [1, 2.5, 1],
extrapolate: "clamp",
});
const opacity = this.animation.interpolate({
inputRange,
outputRange: [0.35, 1, 0.35],
extrapolate: "clamp",
});
return { scale, opacity };
});
return (
<View style={styles.container}>
<MapView
provider={PROVIDER_GOOGLE}
ref={map => this.map = map}
region={{
latitude: this.state.coords.latitude,
longitude: this.state.coords.longitude,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
style={styles.container}
>
{this.props.places.map((marker, index) => {
const scaleStyle = {
transform: [
{
scale: interpolations[index].scale,
},
],
};
const opacityStyle = {
opacity: interpolations[index].opacity,
};
return (
<MapView.Marker key={index} coordinate={marker.coordinate}>
<Animated.View style={[styles.markerWrap, opacityStyle]}>
<Animated.View style={[styles.ring, scaleStyle]} />
<View style={styles.marker} />
</Animated.View>
</MapView.Marker>
);
})}
</MapView>
}
我还在AndroidManifest上添加了android.permission.ACCESS_FINE_LOCATION
。