typescript - React Native 扩展 NativeModules TypeScript 类型

Question

我有一个 native 模块，我想输入它。

这是我的模块界面的示例

export interface BBAudioPlayer {
  playSound: (sound: 'click' | 'tada') => Promise<void>;
  pause: () => Promise<void>;
}

这就是我使用它的方式:

NativeModules.BBAudioPlayer.playSound('tada');

如何延长 NativeModules添加我的新模块的类型？

Answer 1

// extendNativeModules.d.ts
// import original module declarations
import 'react-native';

export interface BBAudioPlayerInterface {
  playSound: (sound: 'click' | 'tada') => Promise<void>;
  pause: () => Promise<void>;
}

// and extend them!
declare module 'react-native' {

  interface NativeModulesStatic {
    BBAudioPlayer: BBAudioPlayerInterface;
  }
}