React Native macOS 菜单栏应用是否可行？

Question

目前有什么方法可以在 macOS 菜单栏中创建一个在后台运行的 React Native 应用程序？

Answer 1

这个问题不是最近的，但我在搜索这个主题时发现它并且最近有一个相关的更新：随着微软的新桌面工作，这现在是可行的，虽然仍然很棘手。

感谢ospfranco 的出色工作。

---

唯一的方法是编辑您的AppDelegate 类并使用来自 React Native 应用程序的根视图内容初始化状态按钮标签及其弹出内容。也可以自定义它的大小、外观和栏上的按钮，但只能在 Swift 代码中。

func applicationDidFinishLaunching(_ aNotification: Notification) {
    let jsCodeLocation: URL

    jsCodeLocation = RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: "index", fallbackResource:nil)
    let rootView = RCTRootView(bundleURL: jsCodeLocation, moduleName: "tempomat", initialProperties: nil, launchOptions: nil)
    let rootViewController = NSViewController()
    rootViewController.view = rootView

    popover = NSPopover()

    popover.contentSize = NSSize(width: 700, height: 800)
    popover.animates = true
    popover.behavior = .transient
    popover.contentViewController = rootViewController

    statusBarItem = NSStatusBar.system.statusItem(withLength: CGFloat(60))

    if let button = self.statusBarItem.button {
        button.action = #selector(togglePopover(_:))
      button.title = "Tempomat"
    }

  }

参考资料：

• React Native MacOS（微软）：https://github.com/microsoft/react-native-macos

• 示例代码：https://github.com/ospfranco/react-native-macos-menubar-template

• 博文：https://ospfranco.github.io/post/2020/05/23/how-to-make-a-react-native-menu-bar-app-for-mac-os/

Answer 2

到目前为止，最好的方法是使用 Electron 平台。