如何在 react native 中管理生命周期

Question

我知道当我们需要一个nativeUI组件时，我们需要覆盖函数 getName()和 createViewInstance(ThemedReactContext context)但是当我使用对地图的依赖时。API 需要我像这样使用组件

    @Override  
protected void onDestroy() {  
    super.onDestroy();  
    //在activity执行onDestroy时执行mMapView.onDestroy()， 
    mMapView.onDestroy();  
}  
@Override  
protected void onResume() {  
    super.onResume();  
    //在activity执行onResume时执行mMapView. onResume ()， 
    mMapView.onResume();  
    }  
@Override  
protected void onPause() {  
    super.onPause();  
    //在activity执行onPause时执行mMapView. onPause ()，  
    mMapView.onPause();  
    }  
}

我覆盖函数getetName()并像这样 createViewInstance(ThemedReactContext context)

    @Override
public String getName() {
    return REACT_CLASS;
}
@Override
public MapView createViewInstance(ThemedReactContext context) {
        final ThemedReactContext mapContext = context;
        bdMapViewInstance = new MapView(context);
        bdMapViewInstance.getMap().setOnMarkerClickListener(new BaiduMap.OnMarkerClickListener() {
            @Override
            public boolean onMarkerClick(Marker marker) {
                ShopResponseInfo shopResponseInfo = (ShopResponseInfo) marker.getExtraInfo().getSerializable(INDENTIFY);
                if(shopResponseInfo != null){
                    String id = shopResponseInfo.getShop_id() + "";
                    String shop_name = shopResponseInfo.getShop_name() + "";
                    onReceiveNativeEvent(mapContext,bdMapViewInstance,id,shop_name);
                }
                return true;
            }
        });
    return bdMapViewInstance;
}

最后，我的应用程序中有一些性能问题。我不知道这是否会影响我的应用的性能。而且我不知道如何满足官方的建议。我不知道如何控制安卓原生UI组件的生命周期。非常感谢。

Answer 1

您可以在 createViewInstance 中收听这样的活动生命周期。您可能希望跟踪侦听器，并根据对实例的跟踪来适当地删除它们。

LifecycleEventListener lifecycleEventListener = new LifecycleEventListener() {
  @Override
  public void onHostResume() {
  }
  @Override
  public void onHostPause() {
  }
  @Override
  public void onHostDestroy() {
  }
};
getReactApplicationContext().addLifecycleEventListener(lifecycleEventListener);

Answer 2

RN

文档中解释的TestModule示例。PS不要忘记使用implements LifecycleEventListener

package com.testpackage;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.LifecycleEventListener;
import java.util.Map;
import java.util.HashMap;
public class TestModule extends ReactContextBaseJavaModule implements LifecycleEventListener {
    public TestModule(ReactApplicationContext reactContext) {
        super(reactContext);
        reactContext.addLifecycleEventListener(this);
    }
    @Override
    public void onHostResume() {
    }
    @Override
    public void onHostPause() {
     }
     @Override
     public void onHostDestroy() {
     }
}