javascript - Value cannot be cast from ReadableNativeMap to double - Stack Overflow

admin管理员组

文章数量:1347848

I have a custom marker image and want to use a variable for the opacity of the image. I doing the following and gettin this error "Value for opacity cannot be cast from ReadableNativeMap to double"

var status=1;

  <MapView.Marker
         key={marker.latitude}
         coordinate={{ latitude: marker.latitude, longitude: marker.longitude }} 
         onPress={() => this.props.Quiz2(marker.latitude, marker.longitude)} >
    <View><Image source={require('../assets/icons/quiz.png')} style={{ width: 40, height: 40,opacity:status}}/></View>
</MapView.Marker>

I have a custom marker image and want to use a variable for the opacity of the image. I doing the following and gettin this error "Value for opacity cannot be cast from ReadableNativeMap to double"

var status=1;

  <MapView.Marker
         key={marker.latitude}
         coordinate={{ latitude: marker.latitude, longitude: marker.longitude }} 
         onPress={() => this.props.Quiz2(marker.latitude, marker.longitude)} >
    <View><Image source={require('../assets/icons/quiz.png')} style={{ width: 40, height: 40,opacity:status}}/></View>
</MapView.Marker>

• javascript
• android
• react-native
• variables
• marker

Share Improve this question Follow edited Aug 2, 2020 at 23:07 dev.doc 57733 gold badges1212 silver badges1818 bronze badges asked Jan 20, 2019 at 1:13 MujMuj 13244 silver badges1414 bronze badges 2

• use status = 1.0 instead. – Juorder Gonzalez Commented Jan 20, 2019 at 1:41
• 4 did you try to use Animated.Image instead of Image? – Mher Commented Apr 8, 2019 at 16:14

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

You have to use <Animated.*> e.g.

For <View> use <Animated.View>

For <Image> use <Animated.Image>

And so on. React Native will understand Animated.Value if it's used in Animated.* ponent.

本文标签： javascriptValue cannot be cast from ReadableNativeMap to doubleStack Overflow