react-native - Atom/Nuclide 是否为 react-native 组件提供自动导入

Question

有没有办法让 Atom 为我添加到我的 react-native 文件中的组件生成导入语句？

在 Atom/Nuclide 编辑器中编辑 native 代码时添加标准 native 组件(如 Navigator)时，我发现我需要手动编写导入语句。这是预期的吗？

在传统的原生 IDE 世界(Android Studio、XCode)中，导入语句是由 IDE 自动生成的。有这个原子包吗？

示例:

import React, { Component } from 'react'
import { AppRegistry } from 'react-native'

class TestProject extends Component {
  render() {
    return (
      <Navigator
      ...

在上面，第 2 行应该变成:

import { AppRegistry, Navigator } from 'react-native'

Answer 1

对于 React-Native 应用程序开发，Atom 仅用作编辑器。您所询问的功能尚未随 Atom 提供。让我们希望我们将来会得到包含此功能的更新。

但在那之前，试试 Visual Studio Code ，您需要在其中安装 React-Native Tools 的扩展程序.

带有 React-Native Tools 扩展的 VSCode 提供了此功能，其中自动生成导入语句。我们还会在开发时获得可用类和方法的建议，这从开发人员的角度来看非常有用。我们还可以直接从 VSCode 调试和运行项目，而无需控制台或 Android Studio 或 Xcode 等 native IDE。