首页 > 解决方案 > React Native:来自 uri 的图像未在 Android 上使用字符串插值来呈现以移交令牌

问题描述

我目前正在开发一个涉及图像的 React Native 应用程序。我使用以下代码来显示它们:

//...       
      <View key={uriFromArray}>
              <Image
                style={styles.itemimage}
                source={
                  {
                    uri: uriFromArray,
                    headers: {
                      Authorization: `Bearer ${graphToken}`,
                    },
                  }
                }
              />
            </View>
//...

在 iOS 上,这完全可以正常工作,但在 Android 上,图像并没有被渲染,无论是在虚拟设备还是物理设备上。奇怪的是,如果我将实际令牌字符串复制到Authorization而不是使用字符串插值来移交令牌,则会呈现图像。

有人知道可能出了什么问题吗?谢谢!

标签: androidreact-native

解决方案


在组件呈现之前尝试连接字符串,例如:

const header = `Bearer ${graphToken}`;

然后将其传递给 Image uri header prop 中的 Authorization key


推荐阅读