response-native-maps, рендеринг динамических маркеров после выполнения

Question

Удалите этот вопрос, пожалуйста, кто-то помог мне в другой теме.

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

Мои переменные состояния настроены так:

class Map extends Component {   

state = {
    markers: [{
        key: null,
        contactName: null,
        location: null,
    }]
}

Код, с помощью которого я пытаюсь сгенерировать маркеры, выглядит следующим образом:

renderMarker = ({ key, contactName, location }) => {
        console.log('renderMarker: ' + key + ', ' + contactName + ', ' + location);
        return this.state.markers.map(Marker => (
            <MapView.Marker  
                key = { key }
                coordinate = {{ 
                    latitude: location[0],
                    longitude: location[1]
                }}
                //image = { carIcon }
                title = { contactName } />
        ))
}

Здесь console.log генерирует правильные данные, поэтому он возвращает, например:

renderMarker: 389djhJHDjdkh392sdk, Steve, -30.498767387,120.4398732

Моя функция рендеринга выглядит следующим образом:

render() {
    return (
    <MapContainer>
        <MapView 
            style = { styles.map }
            region = { this.state.mapRegion }
            showsUserLocation = { true }
            followUserLocation = { true }
            onRegionChangeComplete = { this.onRegionChangeComplete.bind(this) }>
        </MapView>    
    </MapContainer>
    )
}

Но на карте ничего не отображается. Я обыскивал сети, но не могу найти пример для подражания. Нужно ли что-то добавить в мою функцию render (), чтобы это работало? Мои мысли были мне не нужны, потому что renderMarker делает эту работу.

Есть идеи, ребята?