React Native -将Ace-Editor与React Native应用程序集成

cvxl0en2 于 2023-05-01 发布在 React

关注(0)|答案(2)|浏览(188)

有没有办法将Ace编辑器集成到React Native应用程序中（如何）？我是React的新手，从Swift转换过来。或者已经有一个代码编辑器可以实现到react native中了？

react-native

来源：https://stackoverflow.com/questions/50269918/react-native-integrating-ace-editor-with-react-native-application

2条答案

按热度按时间

83qze16e1#

你可以安装这个包来将代码编辑器集成到react native中，你可以在其中添加JavaScript代码并执行它。
https://www.npmjs.com/package/react-native-monacco-editor

第一步：

安装软件包：

npm i react-native-monacco-editor

步骤-2：

import CodeEditor from 'react-native-monacco-editor';

现在你可以走了。你可以在你的移动的上用react native玩JavaScript代码。

赞(0）回复(0）举报 2023-05-01

fv2wmkja2#

在模拟器中开发React Native应用程序时，您会看到红色框，其中包含错误堆栈跟踪。如果您的“REACT_EDITOR”变量和路径设置正确，则通过单击堆栈跟踪将带您到编辑器中发生错误/警告的源文件。
我已经为WebStorm配置了这样的Windows 10机器。我的WebStorm文件位于此处：C：\Program Files\JetBrains\WebStorm 2018。1.2\bin\webstorm64.exe”
所以我添加了这个“C：\Program Files\JetBrains\WebStorm 2018.1.2\bin\”作为用户的路径变量。
然后放webstorm 64。exe作为“REACT_EDITOR”的值
对于Ubuntu，您可以设置“REACT_EDITOR”指向您选择的编辑器，如下所示。像这样从终端打开.profile文件