Android 在运行时在React native中加载映像

在我的应用程序中有很多这样的情况，我需要在运行时设置映像。比如说

1。我在单击按钮时获得图像URL

2。我需要在单击按钮时显示图像（加载器）

3。我需要根据用户的操作更改图像

我该怎么做？到目前为止，我还不知道如何访问我的节点（文本、图像、文本输入等）

对于显示加载器图像，我发现了许多包，但我不想只使用包来显示加载器图像

任何代码概念或教程将不胜感激

更新： 我正在构造函数中设置映像（这是静态映像） 类LoginScreen扩展组件{

constructor(props){
      super(props);
      this.setState({imageUri:'../images/loader.gif'});
}

在

render

方法中，我使用像这样的图像标记

<Image source={{uri: this.state.imageUri}} style={styles.image}  />

它正在图像标记上抛出null错误 错误：“null不是对象（evlauting this.state.imageUri）

---

我错在哪里了？我还需要在单击按钮时设置此图像。在此之前，它应该隐藏。如何实现这些场景？

所有这些情况都可以通过使用组件的状态来存储图像URL来解决。例如：

<Image source={{uri: this.state.imageUri}} />

将允许您拥有基于用户事件和运行时变量的动态映像

为了在图像下载时显示加载状态，我推荐在图像下载时处理加载指示器显示的组件

---

在开发React本机应用程序时，使用许多这样的简单组件是完全正常的，因此不要过分担心使用第三方代码。

所有这些情况都可以通过使用组件的状态来存储图像URL来解决。例如：

<Image source={{uri: this.state.imageUri}} />

将允许您拥有基于用户事件和运行时变量的动态映像

为了在图像下载时显示加载状态，我推荐在图像下载时处理加载指示器显示的组件

---

在开发React本机应用程序时，使用许多这样的简单组件是完全正常的，所以不要过分担心使用第三方代码。

我正在使用您的代码在构造函数中设置状态。它会在我使用标记的行上抛出空指针错误。看起来像这样。setState({imageUri:'../images/loader.gif'}）；在我的代码中不起作用。我正在用我的代码更新问题。请检查是否有任何问题您需要阅读一些-

此。setState

未在构造函数中使用，而应使用

this.state={…}

使用this.state={…}错误发生了，但仍然没有显示图像。我对React Native的两种编码样式感到困惑。一种是我们使用扩展组件，另一种是我们使用React.CreateClass。两者都有不同的编码方式，我总是将它们混合在一起。可能也在这里。你能帮助解释为什么现在不显示图像吗？我正在使用你的代码设置状态In构造函数。它在我使用标记的行上抛出空指针错误。看起来像是.setState（{imageUri:'../images/loader.gif'}）；在我的代码中不起作用。我正在用我的代码更新问题。请检查是否有任何问题您需要阅读一些-

此。setState

未在构造函数中使用，您应该使用

this.state={…}

使用this.state={…}错误发生了，但仍然没有显示图像。我对React Native的两种编码风格感到困惑。一种是使用扩展组件，另一种是使用React.createClasss。两者都有不同的编码方式，我总是将它们混合在一起。可能也在这里。你能帮助解释为什么现在不显示图像吗？