Cách truy cập Hoạt động từ mô-đun Android Gốc Phản ứng?

Question

Tôi đang cố gắng kết nối chức năng Android của việc giữ màn hình trên React Native. Tôi nghĩ rằng tôi có thể làm điều này với một mô-đun đơn giản, tuy nhiên tôi không biết cách truy cập vào Hoạt động Android hiện tại từ mô-đun đã nói.

Tôi cần tài liệu tham khảo Hoạt động vì vậy tôi có thể gọi .getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); vào nó

tôi đã cố gắng để có được hoạt động qua quá trình đúc như vậy ((Activity)getReactApplicationContext().getBaseContext()), nhưng điều này ném một "không thể được đúc để Android.app.Activity" lỗi

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 là thành phần giao diện người dùng gốc của tôi. Tôi định nghĩa một constructor để tôi có thể vượt qua trong hoạt động:

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

Và cuối cùng trong MainActivity.java nơi ReactInstanceManager được xác định, chúng ta có thể vượt qua các hoạt động để tùy chỉnh của chúng tôi Phản ứng gói:

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(); 

---

CẬP NHẬT ĐỐI VỚI BẢN TIN TÁC ĐỘNG 0.29.0

Đây không còn là cách bạn truy cập hoạt động trong môi trường gốc dule.Xem https://github.com/facebook/react-native/releases/tag/v0.29.0 để được hướng dẫn di chuyển

Answer 2

Nó không phải là siêu rõ ràng từ https://github.com/facebook/react-native/blob/master/docs/NativeModulesAndroid.md, nhưng bạn có thể đọc mã nguồn của ToastModule trong bản phân phối gốc phản ứng để xem cách họ làm điều đó github.com/facebook/react-native/blob/daba14264c9f0d29c0327440df25d81c2f58316c/ReactAndroid/src/main/ java/com/facebook/phản hồi/mô-đun/bánh mì nướng/ToastModule.java # L31-L33

Ý tưởng là hoạt động chính sẽ được chuyển thành responseContext trong bộ khởi tạo cho mô-đun được gọi từ ReactInstanceManager.builder() gọi trong github.com/facebook/react-native/blob/3b4845f93c296ed93c348733809845d587227823/local-cli/generator- android/templates/package/MainActivity.java # L28 thông qua sự khởi tạo của MainReactPackage github.com/facebook/react-native/blob/daba14264c9f0d29c0327440df25d81c2f58316c/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java# L49

Answer 3

Đã sửa đổi:

Vấn đề là getReactApplicationContext() trả về ngữ cảnh của Ứng dụng chứ không phải hoạt động. Bạn không thể nhập một bối cảnh Ứng dụng vào một Hoạt động.

Đây là giải pháp đơn giản

Kể từ thường, có duy nhất một hoạt động (Main Hoạt động) trong phản ứng bản địa, Chúng tôi có thể viết một hàm tĩnh trong MainActivity trở lại hoạt động

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; 
} 

sau đó gọi MainActivity.getActivity() từ các module cầu

Answer 4

Tôi đoán getCurrentActivity() phương thức ReactContextBaseJavaModule có thể được sử dụng như mã sau đã được sao chép từ React-Native mã gốc;

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

Đối với 0,28 và trước đó, bạn có thể nhận được từ hoạt động ReactInstanceManagerImpl 's private @Nullable Activity mCurrentActivity;, 0.29+' s ReactContextBaseJavaModule sử dụng cùng lĩnh vực.

Answer 6

Làm cách nào để chuyển hoạt động tới gói từ ReactApplication :: getPackages()?

Tôi không hiểu. Tôi không thể tìm thấy bất kỳ ví dụ rõ ràng nào

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; 
    } 
} 

Trả lời: Bạn KHÔNG chuyển Hoạt động từ MainỨng dụng cho gói.

Bạn gọi getCurrentActivity() từ bên trong ReactContextBaseJavaModule bạn

Answer 7

tôi cần phải sửa đổi một module đã lỗi thời (react-android-360-video) và thấy hữu ích ...

này Trong android/app/src/main/java/com/webcdpmobiledemo/MainApplication.java, tôi sử dụng định dạng mới để thêm một gói:

... 
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() 
     ); 
     } 

     ... 
    }; 

    ... 
} 

Và android/app/src/main/java/com/webcdpmobiledemo/MainActivity.java là chủ yếu có sản phẩm nào:

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"; 
    } 
} 

Sau đó, tôi sửa đổi các tập tin VrVideoViewPackage, mà cần phải vượt qua reactContext đến VrVideoViewManager nó gọi:

... 

public class VrVideoViewPackage implements ReactPackage { 
    ... 

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

} 

Và cuối cùng, trong VrVideoViewManager hoạt động có thể được truy cập như vậy:

... 

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); 
    } 

    ... 
}