Question

我是使用C＃的新手，但是很好。但是我正在尝试学习React世界。对我来说看起来不错。我正在尝试使用react-native-ui-kitten插件的RkGallery组件。

简单用法示例：

<RkGallery items={[
  require('path/to/my-awesome-pic-0.jpg'),
  require('path/to/my-awesome-pic-1.jpg'),
]} />

因此出现了问题。我试图在此组件上实现简单的网络映像。喜欢

<RkGallery items={[
  "uri:imageURL1",
  "uri:imageURL2",
]} />

也

<RkGallery items={[
  <Image style={{width: 150, height: 150}} source={{uri: imgURL1}} />,
  <Image style={{width: 150, height: 150}} source={{uri: imgURL2}} />,
]} />

但是我无法实现它。有人可以帮助我吗？

Answer 1

看起来您已经具备这种能力:) 查看源代码，您应该看到RkGallery个项目是RkGalleryImage。当您将项目数组传递给RkGallery时，它将通过source道具将其逐一转换为每个RkGalleryImage。该道具的工作方式与普通反应式Image组件相同。因此您可以像这样使用它：

<RkGallery items={[
  {uri: 'https://path-to/my-awesome-pic-0.jpg'},
  {uri: 'https://path-to/my-awesome-pic-0.jpg'},
]} />

小猫UI网络画廊

1 个答案: