如何在 React Native 中管理生命周期

Question

我知道当我们需要 nativeUI 组件时我们需要覆盖功能 getName()andcreateViewInstance(ThemedReactContext context) 但是我用的时候有关于map的依赖。 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;

}

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

Answer 1

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

LifecycleEventListener lifecycleEventListener = new LifecycleEventListener() {
  @Override
  public void onHostResume() {

  }

  @Override
  public void onHostPause() {

  }

  @Override
  public void onHostDestroy() {

  }
};
getReactApplicationContext().addLifecycleEventListener(lifecycleEventListener);

Answer 2

TestModule 的示例，如 RN 文档中所述。 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() {

     }
}

如何在 React Native 中管理生命周期

How to manage the life cycle in react native

react-native

react-native-android