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