ios - React Native 模块中的依赖注入(inject)

Question

我们正在逐步将我的应用程序转换为 React Native。 我一直在 iOS 上的 React Native 中遇到依赖注入(inject)问题。

我的应用程序中有一些服务，我想在 native 模块中使用。目前，它们是通过 Typhoon 注入(inject)的，一切正常。

然而，react native 本身会将任何 native 模块初始化和维护为一个单例。这阻止了我让 Typhoon 初始化它们，所以我不能向它们注入(inject)依赖项。

可以做什么？自己创建 RCTBridge 是一个选项，但感觉很底层，仍然需要首先弄清楚如何将它注入(inject)到 UIView 中。

Answer 1

我不确定为什么您的问题没有获得更多赞成票；我自己也在努力回答同样的问题，我想我应该跳上去回答我的第一个 StackOverflow 问题!

在 RCTBridge class 周围挖掘提供了答案。您需要做的是使用实现 RCTBridgeProtocol 的类的实例手动初始化 RCTBridge(重要的是方法“extraModulesForBridge”；如果需要，您甚至可以在 View Controller 中实现此协议(protocol)。

// Initialise a class that implements RCTBridgeDelegate
// Be warned, RCTBridge won't store a strong reference to your delegate.
// You should there store this delegate as a property of your initialising class, or implement the protocol in the View Controller itself. 
id<RCTBridgeDelegate> moduleInitialiser = [[classThatImplementsRCTBridgeDelegate alloc] init];

// Create a RCTBridge instance 
// (you may store this in a static context if you wish to use with other RCTViews you might initialise.  
RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:moduleInitialiser launchOptions:nil];

// Initialise an RCTRootView
RCTRootView *rootView = [[RCTRootView alloc]
                     initWithBridge:bridge
                         moduleName:kModuleName
                  initialProperties:nil];

// Note that your class that implements RCTBridgeDelegate SHOULD implement the following methods and it might look something like this.

// This will return the location of our Bundle
- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
{
    return [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios"];
}

// Importantly, this is the method we need to implement to answer this question
// We must return an array of initialised Modules
// Be warned, I am writing this off of the top of my head, so excuse any syntax errors there might be!
- (NSArray *)extraModulesForBridge:(RCTBridge *)bridge
{
   return @[[OurNativeModule alloc] initWithCustomInitialiser:customDependency]];
}

编辑:我将其添加到 React-native 文档中。 https://facebook.github.io/react-native/docs/native-modules-ios.html#dependency-injection