带有React Native App的集成代码编辑器

Question

我想在我的React Native应用程序中添加一个代码编辑器，但是我还没有为此找到代码编辑器。 Ace Editor和Monaco仅与react一起使用，而不与react native一起使用。 React Native或Expo SDK是否支持Ace或Monaco？

Answer 1

如果我正确理解了这个问题，那么您是在即兴地请求一个将在React Native应用程序中工作的代码编辑器包的建议。

要直接回答您的问题：否，monaco-editor，ace和Codemirror明确地不支持React Native。

话虽如此，使用包装器和/或其他技巧来处理边缘情况肯定可以将这些编辑器集成到React Native应用程序中。 This user has integrated monaco在RN应用中，但未提供示例代码。

Answer 2

您可以使用visual Studio code作为代码编辑器。

在Visual Studio Code内有一个react native tool。您可以下载并使用它。

在Visual Studio代码中，还有Prettier-Code formatter，当您使用Save button快捷方式时，该代码会自动对代码进行排序。