Как добавить многострочное описание к маркерам на карте реакции? - PullRequest
Новая
       50

Как добавить многострочное описание к маркерам на карте реакции?

0 голосов
/ 22 марта 2020

Я занимаюсь разработкой собственного приложения реагирования, которое включает в себя карту реагирования и несколько маркеров, каждый из которых имеет описание. Каждое описание слишком длинное, чтобы поместить его в одну строку, но когда я пытаюсь сделать его многострочным, строка выглядит следующим образом: 

const description = `Info1: Data 
Info2: Data
Info3: Data`

return (
  <MapView.Marker
    key = {index}
    coordinate = {marker.coords}
    title = {marker.country}
    description = {description}
  />
)

нижние строки описания скрыты и не могут быть расширены:

enter image description here

Как мне переопределить это и отобразить всю информацию о маркере?

1 Ответ

1 голос
/ 22 марта 2020

Вы ищете способ настроить выноску . Вам необходимо передать пользовательский вид выноски на свой маркер. Смотрите пример ниже.

Код: 

<MapView 
       style={{top: 0, left:0 , bottom: 0, right: 0, position: 'absolute'}}
        initialRegion={{
          latitude: 37.78825,
          longitude: -122.4324,
          latitudeDelta: 0.0922,
          longitudeDelta: 0.0421,
        }}
       >
    <MapView.Marker 
    coordinate={{latitude: 37.78825, longitude: -122.4324 }}>
      <MapView.Callout>
        <View style={{height: 100, width: 200}}>
          <Text> Title </Text>
          <Text> Long Description    Even More Text</Text>
          <Text>Multline Description </Text>
        </View>
      </MapView.Callout>
    </MapView.Marker>
</MapView>

Выход:

enter image description here

Демо:

https://snack.expo.io/@tim1717 / взломщики

...