使用Typescript和React Native的图像URI

Question

我有一个非常简单的应用程序，我现在正在使用它作为游乐场，只是在代码中玩，看看它是如何工作的。

我使用tsc将.tsx文件编译成artifacts文件夹，该文件夹用作compile / gradle.build的入口点。

但是，我现在正试图包含横幅图像并撞墙。我理解，目前我的tsc无法对图片做任何事情，即使我导入它们，例如import * as brandImage from '../app/assets/brand.png'

此时我意识到仅tsc可能不足以构建一个步骤。如果我没有使用typescript react-native，只需将我需要的图片移动到我可以参考的构建文件夹中吗？

我在这里迷失了一下。我假设我需要使用babel这样的内容将文件移动到我可以在build文件中引用的assets或.tsx文件夹。

在react-native中工作是否意味着我将用于构建反应式Web应用程序的标准资产？或者我是否需要具有我通常使用的类似构建步骤。

Answer 1

由于你有一个React Native项目，故事与网络有点不同。要在手机上运行React Native项目，您最终必须直接与iOS / Android交互以运行代码，因此通常不建议启动自己的构建过程。幸运的是，有很多初学者项目允许你使用带有React Native的Typescript。我强烈建议您检查它们，而不是自己重写整个本机构建过程：

• 一个简单的，简单的启动器，说明了Typescript和RN如何协同工作：https://github.com/Microsoft/TypeScript-React-Native-Starter
• 另一个选项可以替代普通create-react-native-app：https://github.com/mathieudutour/create-react-native-app-typescript

您还可以使用react-native-cli创建新的RN应用，然后自己添加Typescript支持：

• https://medium.com/@rintoj/react-native-with-typescript-40355a90a5d7
• https://medium.com/react-native-training/up-and-running-with-react-native-and-typescript-8d398e910a19