Question

我正在使用react-native-maps 0.23.0版本。我在API级别26以上的android中的自定义标注中遇到图片渲染问题。它在API 23中正常工作，但根据Google新政策目标API级别至少26，才能在Play商店中提交应用，这就是为什么我不能使用API级别23的原因。

<MapView.Callout   tooltip={true}  >

   {this.state.isMarkerCallout === true &&  <View style=  {{width:Dimensions.get('window').width-40,height:110,backgroundColor:WHITE_COLOR,borderRadius:20,borderColor:BLACK_COLOR,borderWidth:1,alignItems:'center',marginLeft:20,flexDirection:'column'}}>
              <View style={{flexDirection:'row',backgroundColor:'white',height:80,marginTop:0,borderRadius:20}}>
                <View style={{backgroundColor:WHITE_COLOR,width:Dimensions.get('window').width/2-20,borderRadius:20}}>
                  <Text style={{marginLeft:15,lineHeight:12,textAlign:'left',fontSize:12,fontFamily:FONT_FAMILY,fontWeight:'bold',marginTop:10}}> <Text>{marker.title}</Text></Text>
                </View>

                <View style={{backgroundColor:'white',width:Dimensions.get('window').width/2-22,borderRadius:20}}>
                <TouchableOpacity  style={{backgroundColor:'white',alignItems:'center',marginTop:10}}> 
       {marker.type === "fixcar"?

       <TouchableOpacity onPress={this.openCarWebsite}><Image   source={require('../images/WCC.png') }  style = {{ width: 112, height: 25,borderRadius:3, resizeMode: "cover", zIndex: 10}}/></TouchableOpacity>

          :
          <TouchableOpacity style={{backgroundColor:LIGHTGRAY_COLOR}} onPress={this.openWebsite}><Image  source={require('../images/spin.png')}  style = {{ width: 112, height: 56,borderRadius:3}}/></TouchableOpacity>

          }
                  <Text style={{lineHeight:15,marginLeft:10,textAlign:'center',fontSize:10,fontFamily:FONT_FAMILY,marginTop:10}}> Please visit our website{"\n"}for more details.</Text>
                  </TouchableOpacity>
                </View>
              </View>
               <View style={{width:30,height:30,alignItems:'center',marginTop:1}}>
               <TouchableOpacity  onPress={this.showNearLocationPopup}>
                 <Image  source={require('../images/Arrow-Up-icon.png')}  style = {{ width: 30, height: 30}}/>
               </TouchableOpacity>
           </View> 

         </View>

        }  
        </MapView.Callout>

图像未在android的标注中显示，但在iOS中工作正常。

Answer 1

如果在图像组件内部使用图像组件，则将渲染图像组件。

自定义标注图片未在android API级别26中呈现react-native-maps？

1 个答案: