macos - React Native macOS 菜单栏应用程序可以吗？

Question

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

Answer 1

这个问题不是最近提出的，但我发现它在搜索这个主题，并且最近有一个相关更新:通过 Microsoft 的新桌面工作，这现在是可行的，尽管仍然很棘手。

致谢ospfranco为了伟大的工作。

<小时/>

唯一的方法是编辑 AppDelegate 类，并使用 React Native 应用程序中的 Root View 内容初始化状态按钮标签及其弹出内容。还可以自定义其大小、外观和栏上的按钮，但只能使用 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 (Microsoft):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/