React-native를 이용한 Android 네이티브 개발에 대한 자세한 설명

이 글은 주로 React-native 브리징 안드로이드 네이티브 개발에 대한 자세한 설명을 소개하는 글입니다. 편집자는 꽤 좋다고 생각해서 지금 공유하고 참고용으로 올려드리겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

RN을 개발하는 긴 여정에서 조만간 Android의 기본 개발을 접하게 될 것입니다. 저자는 Android를 이해하지 못하는 초보자를 위해 약간의 우여곡절을 소개할 것입니다. 처음에는 어렵지만 다 처음에는 언어를 알아야 하고 원리는 같습니다.

개발 과정에서 Amap의 네비게이션 기능을 통합해야 합니다. .좋은 휠을 찾지 못했다면 네이티브 코드를 작성한 다음 JS를 사용하여 네이티브 네비게이션 모듈을 호출하면 됩니다.

먼저 모듈을 등록하세요

그 의미는 클래스를 RN에 등록하기 전에 입니다. JS를 사용하여 호출

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)); Android 네이티브 액티비티 모듈을 추가한다는 의미입니다

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

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

여기에서 다른 작업을 수행할 수도 있습니다. 예를 들어 Android 앱의 MainApplication에서

문

을 직접 공유할 수 있습니다. ,

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

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

JS하여 네이티브 코드를 호출

import { NativeModules } from 'react-native';

export default NativeModules.NaviActivity;

여기에 작성자가 Untils/CommonAndroidUntils.js를 작성하고, 이 js 파일을 페이지에 직접 소개했습니다. 점프를 달성하려면

CommonAndroidUntils.show();

을 사용해야 합니다.

Amap 통합

처음에는 Android Studio에 Amap을 직접 통합하는 것이 초보자에게는 조금 어려웠습니다. 기분이 좋아졌습니다. 발생한 문제를 간략하게 설명하고, 자신을 상기시키고, 다른 사람을 도와주세요

.jar 음성 패키지를 직접 끌어올 수 없습니다. 가져올 수 없습니다.

해결책은 .jar 패키지를 마우스 오른쪽 버튼으로 클릭하고 다음 옵션을 클릭하는 것입니다. .jar을 가져오고 동기화를 기다립니다.

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

관련 권장 사항:

React-Native 전역 다국어 전환 도구 라이브러리 React -native-i18n 자세한 설명

React-Native에서 props 사용법에 대한 자세한 설명

React-native의 이미지 제어 소개

위 내용은 React-native를 이용한 Android 네이티브 개발에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!