问题标签 [react-native-windows]

有没有人使用 React Native 在 Windows (10) 机器上成功编译和运行 Windows (UWP) 应用程序？

我已经构建了一个应用程序，它在 Android 模拟器中运行。我在这里和这里浏览了 Microsoft 的说明。

我正在为我的编辑器使用 VS Code……我应该使用 Visual Studio 吗？

我运行这些命令将现有项目转换为添加 Windows 文件结构的“Windows”项目。这样可行。

我跑了：

这基本上有效，但最终失败了。

在加载的这一点上，我收到一个错误：

它的其余部分似乎安装得很好，但最后......

我用谷歌搜索了这个错误，结果几乎为零。有人有什么东西可以帮助我克服这个困难吗？

我应该像 Android 模拟器一样在我的机器上安装一个 Windows 模拟器，还是它只是像任何其他程序一样运行？

另外，除非我有 1500 个魔法独角兽点，否则我不允许创建新标签，所以有人可以为未来的用户创建 react-native-windows 标签吗？

环境

然后，指定：

重现步骤

• 初始化新的 react-native 项目（react-native init project_name）
• cd 进入 project_name
• npm install rnpm-plugin-windows
• 反应原生窗口
• 打开视觉工作室
• 在 Visual Studio 中打开 .sln 文件
• 将设备连接到机器
• 更改 deviceServerHelper,cs 以指向机器的 IP 地址
• 以调试模式运行项目，指向设备和 ARM 架构
• 应用程序在手机上启动并显示错误消息
• 在项目根目录的命令提示符下运行 react-native start 以启动打包程序
• 重新加载显示的 javascript 错误消息

预期行为

应用程序应加载到显示 index.windows.js 页面内容的屏幕上

实际行为

错误消息指出无法下载 JS Bundle。

可重现的演示

（将链接粘贴到示例项目和重现问题的确切说明。） https://github.com/ballySingh/repo2.git

下载 zip 并运行 npm install。请按照上面复制部分的步骤 4 进行操作。

故事：

我正在尝试创建一个信用卡输入文本字段。目标是在每 4、8 和 12 个字符后包含空格。

预期结果：

添加空格后，光标应保留在 textInput 的末尾

实际结果：

在 Windows 平台上，光标不会在 textInput 的末尾继续，而是在空格和最后输入的数字后面。

PS。

为了更清楚地说明这一点，我有一个小的 repo 重现了可以在这里找到的问题 https://github.com/meddyrainzo/maskedTextInput/tree/master

来自 repo 的相关代码块

使用的进口（除了来自 react 和 react-native 的常用东西） 渲染方法 onChangeTextHandler 方法 removeNonNumber 方法

最后，添加空格的 addGaps 方法

上面的所有代码块都在 repo 链接的 App.js 文件中。我仍然建议克隆 repo，以便您可以手动测试并查看 iOS 和 Android 与 Windows 的结果有何不同（对于那些感兴趣的人）。

所以我的主要问题是，有谁知道如何在 Windows 上将光标移动到 textInput 的末尾？我知道 react-native 向 textInput 添加了一个名为“selection”的道具，您可以使用它来控制光标的开始和结束位置，但检查 windows 的 react-native 代码，似乎还没有选择 prop 的实现.

使用的版本：

反应原生：0.49.3

我们最近使用 React Native 完成了 IOS 和 Android 版本的应用程序开发。

现在，我们的客户也要求提供 Windows 版本。

任何人都可以回答以下问题，将不胜感激：

1. 我们是否需要 Windows 机器来开发和测试 RN windows app 版本或 Mac 也可以支持？
2. 如何编写与原生环境通信的桥梁（如在文件系统中读/写文件等...）
3. 任何文章、学习资料都会很有帮助。

尝试使用 flex:1 样式进行滚动视图，但它不起作用

依赖项

• 反应原生-v：0.54.2
• npm ls rnpm-plugin-windows: ^0.2.8
• npm ls react-native-windows: ^0.54.0-rc.1
• 节点-v：v6.11.3
• npm -v：3.10.10

开发环境

• 目标平台：UWP
• 目标平台版本：10.0.14393
• 目标设备：桌面、移动 (ARM)、移动仿真器
• 开发操作系统：Windows
• Visual Studio 版本：Visual Studio 2017

我正在使用带有通用 Windows 平台插件的 React Native 来访问 REST 服务器上的远程资源。

当对需要通过 HTTP Basic Auth 授权的资源执行获取请求时，我可以为请求提供一个额外的“Authorization”标头，只要凭据正确，一切都会正常工作。

如果凭据错误，我会看到Windows 本地登录提示（类似于连接到远程计算机时的提示）。这个提示不是由我的应用程序管理的，但是当底层网络连接检测到 401 Unauthorized 服务器响应时，它似乎会自动弹出。

这是我在 React Native 中所做的：

当提供不正确的凭据时，服务器响应包括：

请注意，本机登录提示似乎会延迟整个提取请求。我可以输入错误的凭据并多次确认提示，而不会触发一次警报。仅当显式取消提示时，输入正确的凭据或尝试了几次错误的凭据，获取等待才会继续。

不幸的是，这带来了另一个问题：当在弹出提示中输入错误的凭据几次并最终“放弃”时，我可以向获取请求提供我想要的任何凭据，它不会向服务器提供我自己的授权标头在将来的任何请求中。发送的数据将被卡在我在关闭之前在提示中输入的任何内容上。在这种情况下，它不会再次出现提示，并且请求会立即失败。这使我无法更正我自己的应用程序中的凭据，因为它们根本没有在请求中发送。我通过检查 Wireshark 中的传出数据确认了这一点。

我猜 Windows 似乎会透明地篡改网络请求以拦截特殊响应代码并在必要时重新提示凭据，然后再将请求结果首次返回给实际调用者。

我想处理应用程序中不正确的凭据，而不是导致 Windows 拦截请求。有没有办法抑制这个本机提示并立即继续我自己的代码，以防基本身份验证失败？

编辑：使用 Axios 而不是普通的fetch时，行为完全相同。似乎两者最终都做了一个 XMLHttpRequest，它的过滤方式相同。

我是反应原生的新手，我尝试使用“react-native init AwesomeProject”创建一个项目，但出现此错误在此处输入图像描述

我尝试检查 AwesomeProject 文件夹，缺少 android 和 ios 文件夹，正在使用 Windows 10

我为 Windows 构建了一个 react-native 应用程序（https://github.com/Microsoft/react-native-windows）。该应用程序在我的开发机器上运行良好，但如果我将 EXE（和 DLL 依赖项）复制到另一台机器并运行，我会收到错误消息

无法下载 JS 包。您是否忘记启动开发服务器或连接您的设备？

有没有办法构建一个不依赖“开发服务器”的独立应用程序？

我有一台 Windows 机器，想使用 React Native 来开发跨平台的 UWP（所以没有 Expo）和 iOS 应用程序。我还有一台 MacBook，我想将其用作构建主机，就像您可以使用 Xamarin 一样。

可以使用 React Native 来使用 XCode 进行远程构建和 iOS 模拟吗？如果可以，怎么做？

我正在使用react-native开发我的 UWP windows应用程序（windows-10），并且在打开带有附件的电子邮件应用程序时遇到了困难。 React-native 的链接是发送带有正文且不带任何附件的邮件。 那么，是否有任何功能或任何库支持在 Windows 平台上发送带有附件的电子邮件？