>source

내 시나리오에서는 "반응 -네이티브 맵"NPM 패키지를 사용하여 응용 프로그램 Google Mapview에서 구현했습니다. 이 패키지에서 제 요구 사항에 따라 아래의 언급 된 이미지와 같은 점선 원 폴리 라인을 그리는 데있어 녹색 줄이 파선 스타일이어야합니다. 점선 또는 점선 뇌졸중 스타일 라인처럼 변경하는 방법.

여기에 이미지 설명을 입력하십시오

<Polyline
            coordinates={[
              { latitude: 37.88045, longitude: -122.4324 },
              { latitude: 37.78825, longitude: -122.3903 },
            ]}
            strokeWidth={3}
            lineDashPattern={[170, 170]}
          />

  • 답변 # 1

    을 사용해야합니다< 서클 />`대신에 ' 여기에 있습니다 샘플 code아래의 code 스 니펫. (참고 : LinedashPattern은 iOS 당 만 사용할 수 있습니다).

    import React, { Component } from 'react';
    import { Text, View, StyleSheet, Dimensions } from 'react-native';
    import MapView, { Marker, Circle, Polyline } from 'react-native-maps';
    const styles= StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
      },
      map: {
        width: Dimensions.get('window').width,
        height: Dimensions.get('window').height,
      },
    });
    class MapApp extends Component {
      render() {
        return (
          <View style={styles.container}>        <MapView style={styles.map}
              initialRegion={{
                latitude: 37.78825,
                longitude: -122.4324,
                latitudeDelta: 0.0922,
                longitudeDelta: 0.0421,
              }}
            >          <Marker
                coordinate={{ latitude: 37.78825, longitude: -122.4324 }}
              />          <Circle
                center={{ latitude: 37.78825, longitude: -122.4324 }}
                radius={1000}
                strokeWidth={3}
                strokeColor="green"
                lineDashPattern={[10]} />        </MapView>      </View>    );
      }
    }
    export default MapApp;
    

  • 답변 # 2

    을 사용해야합니다< 서클 />`대신에 ' 여기에 있습니다 샘플 code아래의 code 스 니펫. (참고 : LinedashPattern은 iOS 당 만 사용할 수 있습니다).

    import React, { Component } from 'react';
    import { Text, View, StyleSheet, Dimensions } from 'react-native';
    import MapView, { Marker, Circle, Polyline } from 'react-native-maps';
    const styles= StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
      },
      map: {
        width: Dimensions.get('window').width,
        height: Dimensions.get('window').height,
      },
    });
    class MapApp extends Component {
      render() {
        return (
          <View style={styles.container}>        <MapView style={styles.map}
              initialRegion={{
                latitude: 37.78825,
                longitude: -122.4324,
                latitudeDelta: 0.0922,
                longitudeDelta: 0.0421,
              }}
            >          <Marker
                coordinate={{ latitude: 37.78825, longitude: -122.4324 }}
              />          <Circle
                center={{ latitude: 37.78825, longitude: -122.4324 }}
                radius={1000}
                strokeWidth={3}
                strokeColor="green"
                lineDashPattern={[10]} />        </MapView>      </View>    );
      }
    }
    export default MapApp;
    

  • 이전 Tensorflow Tokenizer에서 어휘 크기를 얻으십시오
  • 다음 javascript : 비동기 클립 보드 API -Clipboardchange 이벤트 해제되지 않습니다