Zugriff auf Aktivität von einem React Native Android-Modul?

Question

Ich versuche, die Android-Funktionalität zu überbrücken, den Bildschirm auf Native React zu halten. Ich dachte, ich könnte das mit einem einfachen Modul machen, aber ich weiß nicht, wie ich von diesem Modul auf die aktuelle Android-Aktivität zugreifen kann.

Ich brauche die Aktivität Referenz so ich .getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); auf sie

Ich habe versucht, rufen Sie die Aktivität zu erhalten, wie so ((Activity)getReactApplicationContext().getBaseContext()) über Gießen, aber das wirft ein „nicht zu Android.app.Activity gegossen werden“ Fehler

Answer 1

CustomReactPackage.java:

public class CustomReactPackage implements ReactPackage { 

    private Activity mActivity = null; 

    public CustomReactPackage(Activity activity) { 
     mActivity = activity; 
    } 

    @Override 
    public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) { 
     List<NativeModule> modules = new ArrayList<>(); 
     // Add native modules here 
     return modules; 
    } 

    public List<Class<? extends JavaScriptModule>> createJSModules() { 
     return Collections.emptyList(); 
    } 

    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) { 
     List<ViewManager> modules = new ArrayList<>(); 
     // Add native UI components here 
     modules.add(new LSPlayerManager(mActivity)); 
     return modules; 
    } 
} 

LSPlayerManager ist meine native UI-Komponente. Ich definiere einen Konstruktor, so dass ich in der Tätigkeit passieren kann:

public LSPlayerManager(Activity activity) { 
    mActivity = activity; 
} 

Und schließlich in MainActivity.java wo die ReactInstanceManager definiert ist, können wir die Aktivität unserer Gewohnheit passieren Reagieren Paket:

mReactInstanceManager = ReactInstanceManager.builder() 
     .setApplication(getApplication()) 
     .setBundleAssetName("index.android.bundle") 
     .setJSMainModuleName("src/index.android") 
     .addPackage(new MainReactPackage()) 
     .addPackage(new CustomReactPackage(this)) // <--- LIKE THIS! 
     .setUseDeveloperSupport(BuildConfig.DEBUG) 
     .setInitialLifecycleState(LifecycleState.RESUMED) 
     .build(); 

---

UPDATE FÜR REACT NATIVE 0.29.0

Dies ist nicht mehr wie Sie auf die Aktivität in einem nativen mo zugreifen Dule.Siehe https://github.com/facebook/react-native/releases/tag/v0.29.0 für Migration Anweisungen

Answer 2

Es ist nicht super klar von https://github.com/facebook/react-native/blob/master/docs/NativeModulesAndroid.md, aber Sie können den Quellcode des ToastModule in der reaktiven nativen Distribution lesen, um zu sehen, wie sie es tun github.com/facebook/react-native/blob/daba14264c9f0d29c0327440df25d81c2f58316c/ReactAndroid/src/main/ java/com/facebook/reagieren/Module/Toast/ToastModule.java # L31-L33

Die Idee ist, dass die Hauptaktivität als reactContext im Initialisierer für das von ReactInstanceManager.builder() aufgerufene Modul übergeben wird. Github.com/facebook/react-native/blob/3b4845f93c296ed93c348733809845d587227823/local-cli/generator- android/templates/package/MainActivity.java # L28 über die Instantiierung von MainReactPackage github.com/facebook/react-native/blob/daba14264c9f0d29c0327440df25d81c2f58316c/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java# L49

Answer 3

Editted:

das Problem ist, dass getReactApplicationContext(), um den Kontext der Anwendung zurückgibt und nicht die Aktivität. Sie können einen Anwendungskontext nicht an eine Aktivität übergeben.

Dies ist eine einfache Abhilfe

Da in der Regel gibt es nur eine Aktivität (Hauptaktivität) in reagieren-native, können wir eine statische Funktion in MainActivity schreiben die Aktivität

private static Activity mCurrentActivity = null; 

protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    mCurrentActivity = this; 
    ... 
} 
... 
public static Activity getActivity(){ 
    Activity activity = new Activity(); 
    activity = mCurrentActivity; 
    return activity; 
} 

dann zurückzukehren rufen MainActivity.getActivity() von den Brückenmodulen

Answer 4

I getCurrentActivity() Methode von ReactContextBaseJavaModule erraten könnte wie der folgende Code verwendet werden, die aus React-Native ursprünglichen Code kopiert worden ist;

import android.app.Activity; 
import com.facebook.react.bridge.ReactContextBaseJavaModule; 

public class AwesomeModule extends ReactContextBaseJavaModule { 

    public AwesomeModule(ReactApplicationContext reactContext) { 
    super(reactContext); 
    } 

    @Override 
    public String getName() { 
    return "AwesomeAndroid"; 
    } 

    private static final String ERROR_NO_ACTIVITY = "E_NO_ACTIVITY"; 
    private static final String ERROR_NO_ACTIVITY_MESSAGE = "Tried to do the something while not attached to an Activity"; 

    @ReactMethod 
    public void doSomething(successCallback, errorCallback) { 

    final Activity activity = getCurrentActivity(); 

    if (activity == null) { 
     errorCallback(ERROR_NO_ACTIVITY, ERROR_NO_ACTIVITY_MESSAGE); 
     return; 
    } 

    } 

} 

Answer 5

Für 0.28 und zuvor können Sie Aktivität von ReactInstanceManagerImpl 's private @Nullable Activity mCurrentActivity;, 0.29+' s ReactContextBaseJavaModule mit dem gleichen Feld zu bekommen.

Answer 6

Wie übergeben Sie die Aktivität an ein Paket von ReactApplication :: getPackages()?

Ich verstehe nicht. Ich kann keine klaren Beispiele finden

package com.bluetoothioexample; 

import android.app.Application; 
import android.util.Log; 

import com.facebook.react.bridge.ReactContextBaseJavaModule; 

import com.facebook.react.ReactApplication; 
import com.facebook.react.ReactInstanceManager; 
import com.facebook.react.ReactNativeHost; 
import com.facebook.react.ReactPackage; 
import com.facebook.react.shell.MainReactPackage; 

import java.util.Arrays; 
import java.util.List; 

import com.subsite.bluetoothio.BluetoothIOPackage; 
import com.oblador.vectoricons.VectorIconsPackage; 

public class MainApplication extends Application implements ReactApplication { 

    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 
    @Override 
    protected boolean getUseDeveloperSupport() { 
     return BuildConfig.DEBUG; 
    } 

    @Override 
    protected List<ReactPackage> getPackages() { 
     return Arrays.<ReactPackage>asList(
      new MainReactPackage(), 
      new BluetoothIOPackage(this), //<- How pass the activity 
             // from ReactApplication ? 
      new VectorIconsPackage() 
    ); 
    } 
    }; 

    @Override 
    public ReactNativeHost getReactNativeHost() { 
     return mReactNativeHost; 
    } 
} 

Antwort: Sie übergeben keine Aktivität von MainApplication an das Paket.

Sie rufen getCurrentActivity() aus Ihrem ReactContextBaseJavaModule

Answer 7

ich eine veraltete Modul ändern benötigt (react-android-360-video) und fanden diese Informationen hilfreich ...

In android/app/src/main/java/com/webcdpmobiledemo/MainApplication.java, nutzte ich die neue Format für das Hinzufügen ein Paket:

... 
import com.vrvideocomponent.VrVideoViewPackage; 

public class MainApplication extends Application implements ReactApplication { 

    ... 

    private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) { 
     ... 

     @Override 
     protected List<ReactPackage> getPackages() { 
     return Arrays.<ReactPackage>asList(
      new MainReactPackage(), 
      new VrVideoViewPackage() 
     ); 
     } 

     ... 
    }; 

    ... 
} 

Und android/app/src/main/java/com/webcdpmobiledemo/MainActivity.java ist im wesentlichen leer:

package com.yourproject; 

import com.facebook.react.ReactActivity; 

public class MainActivity extends ReactActivity { 

    /** 
    * Returns the name of the main component registered from JavaScript. 
    * This is used to schedule rendering of the component. 
    */ 
    @Override 
    protected String getMainComponentName() { 
     return "YourProject"; 
    } 
} 

Dann habe ich die VrVideoViewPackage Datei geändert, die die reactContext zum VrVideoViewManager passieren muss es nennt:

... 

public class VrVideoViewPackage implements ReactPackage { 
    ... 

    @Override 
    public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) { 
     return Arrays.<ViewManager>asList(
       new VrVideoViewManager(reactContext) 
     ); 
    } 

} 

Und schließlich in der VrVideoViewManager die Aktivität kann wie so zugegriffen werden:

... 

import android.app.Activity; 
import com.facebook.react.uimanager.ThemedReactContext; 
import com.facebook.react.bridge.ReactContext; 

... 

public class VrVideoViewManager extends SimpleViewManager<VrVideoView> { 
    ... 

    public VrVideoViewManager(ReactContext reactContext) { 
     // Do not store mActivity, always getCurrentActivity when needed 
     Activity mActivity = mContext.getCurrentActivity(); 
    } 

    @Override 
    protected VrVideoView createViewInstance(ThemedReactContext reactContext) { 

     // You can also activity from ThemedReactContext 
     Activity mActivity = reactContext.getCurrentActivity(); 

     VrVideoView vrView = new VrVideoView(mActivity); 
     vrView.setEventListener(new ActivityEventListener(vrView)); 
     vrView.pauseVideo(); 
     return new VrVideoView(mActivity); 
    } 

    ... 
}