Как добавить липкие компоненты в собственные карты?

Question

Я использую Google Map для работы с нативным языком, и я хотел бы знать, как добавить к нему липкий компонент.Я погуглил, но не получил чётких указаний.Любая помощь приветствуется, ребята.

Answer 1

Мне кажется, что вы хотите расположить виды абсолютно поверх вашего MapView.

Чтобы представления отображались поверх представления, они должны находиться в конце возвращенного представления. Они также должны быть расположены абсолютно.

В этом небольшом примере вид с styles.box абсолютно позиционирован поверх карты.

import * as React from 'react';
import { Text, View, StyleSheet } from 'react-native';
import { Constants, MapView } from 'expo';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
         <MapView
          style={{ flex: 1 }}
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421,
          }}
        />
        <View style={styles.box} /> // <- this view is absolutely positioned above the MapView
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
  },
  box: {
    position:'absolute', 
    bottom: 100, 
    width: 200, 
    height: 50 , 
    alignSelf: 'center',
    backgroundColor: 'red'
  }
});

Это то, что отображает приведенный выше код. Вы можете попробовать это здесь в этой закуске https://snack.expo.io/@andypandy/absolutely-positioned-view-over-mapview