react-native - 如何模拟包含 React Native 本机模块功能的全局变量

Question

在 App.js 我有一些类似的东西

Class App extends Component {
 constructor(props){
  super(props)
  global.test = NativeModules.TestClass
 }
}

在测试类中我使用它就像

Class Test extends Component {
 constructor(props){
  super(props)
  global.test.testFunction("Testing")
 }
}

那么如何为上述类模拟 global.test.testFunction

Answer 1

我建议全局函数的另一种方法，变量。您可以为每个全局函数、变量（常量或枚举）创建一个 Utils 类，并在需要使用它们的任何地方导入 Utils。

这是 Utils 类的一个非常基本的示例：

实用程序类

export default class Utils {

    static navigationRef = null;

    static showAlert(title, desc) {
        Alert.alert(title, desc);
    }
}

用法：

import Utils from "./shared/utils"

// Example of static function
Utils.showAlert("Hello" "Alert Description")

// Example of static variable
Utils.navigationRef = this.props.navigation;