Atualmente, estou construindo um aplicativo com react-native e estou usando o plug-in de mapas do Airbnb para exibir dinamicamente marcadores. Meus marcadores são baixados do banco de dados firebase com êxito e a matriz que é baixada sempre mostra o conteúdo correto. Eu tenho o código completo aqui apenas no casohttps://codepen.io/yeni/pen/Kqyrxv?editors=0010 :)

Sempre que mudo ocur_user propriedade de um marcador para1, não é mostrado com sucesso no mapa. No entanto, quando eu mudocur_user de volta a0, o marcador não é exibido (qual seria o comportamento desejado). Meu código é o seguinte:

    //Store file MarkersStore.js
    class MarkersStore {
  @observable markers = [];

  constructor() {
      console.log("Started downloading markers");
      var localMarkers = [];
      Fb.bikes.on('value', (snap) => {
        localMarkers = [];
        snap.forEach((marker) => {
            localMarkers.push({
              longitude: parseFloat(marker.val().positionLng),
              latitude: parseFloat(marker.val().positionLat),
              description: "Bike 1",
              title: "b" + String(marker.val().bike_no),
              bike_no: marker.val().bike_no,
              cur_user: marker.val().current_user,
              key: marker.getKey()
            })
        });
        //Once must make sure that the upper command already finished executing!
        this.markers.replace(localMarkers);
        console.log("Loaded markers");
      });
  }

}

    ...
    //Rendering file MarkersComponent.js
    render() {
    var renderingMarkers = this.fbMarkers.markers.slice() || [];
    console.log("fbMarkers are: ");
    console.log(this.fbMarkers.markers.slice());
    console.log("Rendering stuff..");
    console.log(renderingMarkers);
    console.log("Rendering ALL the stuff!");
    return (<View>
      {renderingMarkers.map( (marker) => {
        console.log("Markers are re-rendered");
        console.log(marker.bike_no);
        console.log(marker.cur_user);
        //All console logs up until here show correct results
          return (
            <View key={marker.bike_no}>{ (marker.cur_user == 0) ?
              <MapView.Marker
            navigator={this.props.navigator}
            key={marker.bike_no}
            coordinate={{longitude: marker.longitude, latitude: marker.latitude}}
            title={marker.title}
            description={marker.description}
            onPress={(coord, pos) => this.startBookingBike(marker.bike_no)}
            ><View style={styles.bikeRadius}><View style={styles.bikeMarker}>
            </View></View>
            </MapView.Marker> : null
          }</View>
          );
    })}</View>)
  }

Além disso, a execução automática é acionada com êxito cada vez que altero alguns dados no banco de dados (e os dados recuperados corretos são exibidos). Existe alguma maneira de colocar o recurso de execução automática dentro do método render para renderizar tudo com êxito?

** EDIT ** Também abri um problema na página oficial do github, pois isso parece ser um bug. Corrija-me se eu estiver errado! :)https://github.com/airbnb/react-native-maps/issues/1426