React-native 브리징 Android를 구현하는 방법과 구체적인 단계는 무엇입니까?

이 글은 주로 React-native 브리징 안드로이드 네이티브 개발에 대한 자세한 설명을 소개하고 있으니 참고하시기 바랍니다.

RN을 개발하는 긴 여정에서 조만간 Android의 기본 개발을 접하게 될 것입니다. 저자는 Android를 이해하지 못하는 초보자에게는 다소 어려울 수 있는 부분을 소개합니다. 시작은 어렵지요. 언어도 명확하고 원리도 똑같습니다.

개발 과정에서 그렇지 않으면 Amap의 내비게이션 기능을 통합해야 합니다. 좋은 휠을 찾으려면 네이티브 코드를 작성한 다음 JS를 사용하여 해당 위치로 이동하면 됩니다. 네이티브 탐색 모듈을 호출하세요.

먼저 모듈을 등록하세요

JS를 사용하기 전에 클래스를 RN에 등록하라는 의미입니다. to call

public class AnExampleReactPackage implements ReactPackage {
  @Override
  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
    return Collections.emptyList();
  }
  @Override
  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
    List<NativeModule> modules = new ArrayList<>();

    modules.add(new NaviActivity(reactContext));
    return modules;
  }
}

where module.add(new NaviActivity(reactContext)); 안드로이드의 네이티브 액티비티 모듈을 추가한다는 의미입니다

이 모듈은 솔루션을 정의할 수 있으며 RN을 직접 호출할 수 있습니다(메서드에 @ReactMethod를 선언해야 함). )

@ReactMethod
  public void showFengMap(String mapID){
    Activity currentActivity = getCurrentActivity();
    Intent intent = new Intent(currentActivity, 页面名.class);
    currentActivity.startActivity(intent);
  }

작성자가 원하는 것은 다른 페이지로 이동하는 것이고 여기에서 다른 작업도 수행할 수 있습니다. 예를 들어 Android 앱의 MainApplication에서

statement

를 직접 공유합니다. 프로그램,

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

방금 등록한 패키지 이름을 추가하세요

JS는 네이티브 코드를 호출합니다

import { NativeModules } from 'react-native';

export default NativeModules.NaviActivity;

저자는 여기 /CommonAndroidUntils.js에 Untils를 작성했습니다. 이 js 파일을 사용해야 하는 페이지에 직접 소개하세요

CommonAndroidUntils.show();

점프를 달성하세요.

Amap Navigation 통합

초심자가 Android 스튜디오에 Amap을 직접 통합하는 것은 처음에는 여전히 다소 어색하지만, 이해하고 나면 직면한 문제를 간략하게 설명하면 기분이 좋아집니다. , 알림을 받고 다른 사람을 도와주세요

직접 드래그한 .jar 음성 패키지를 가져올 수 없습니다

해결 방법은 .jar 패키지를 마우스 오른쪽 버튼으로 클릭하는 것이며, jar에서 소개하는 옵션을 클릭하면 해결 방법이 있을 것입니다.

나머지는 데모와 문서를 기반으로 쉽게 해결할 수 있는 사소한 문제입니다.

위 내용은 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

Babel 설치 및 구성 튜토리얼 사용 방법

vue-cli에서 babel 구성 파일을 구성하는 방법

node.js를 사용하여 Douyin의 자동 빨간 봉투 잡기 기능 구현

위 내용은 React-native 브리징 Android를 구현하는 방법과 구체적인 단계는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!