代码之家 › 专栏 › 技术社区 › zoecarver

反应本机图像未播放完整gif

gif react-native ios

zoecarver · 技术社区 · 7 年前

nsgif-15018727507

我有我的 index.ios.js 在这里:

return (
      <View style={styles.container}>
        <Image
          style={{width: 200, height: 400}}
          source={{uri: this.state.path}} />
      </View>

giphy

2 回复 | 直到 7 年前

Dhruv Parmar 7 年前

输出gif将打开Safari而不是iOS应用程序。你能在尝试打开应用程序时发布输出gif吗?

此外,您可能需要确认 this.state.path 您正在将其用作 gif .

它需要扩展 .gif

<Image source={{uri: 'http://www.urltogif/image.gif'}} /> 

//or

<Image source={require('./path/to/image/local.gif')} />

你可以在这里找到一个工作示例 https://snack.expo.io/ByglJIzD-

gran33 7 年前

适合我,与React Native合作的全新项目 0.47.1 .

渲染函数如下所示:

render() {
    return (
      <View style={styles.container}>
        <Image style={{width: 200, height: 400}} 
               source={{uri: 'https://user-images.githubusercontent.com/13806068/28982817-ffd1fdc2-790b-11e7-9bc2-a2d1135ca232.gif'}}/>
      </View>
    );
  }

推荐文章

user19476497 · 如何使用useState修改数组以使其成为React中的常数

2 年前

Muhammad Ashraf · 反应:过滤从具有特定键的对象数组中获取值,并将结果分组到数组中

2 年前

John · 如何确定Javascript自引用循环是否完成[重复]

2 年前

Herc · 将用户信息添加到firebase(注册)react native

2 年前

Bonhart · 有没有更好的方法按名称查找数组中的特定对象?

2 年前

ubermo · 如何在React本机自定义组件中使用状态?

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

Audrey K · 有没有办法降级React Native?

2 年前

user15137953 · 已求解的对象作为React子对象无效。如果要渲染子级集合,请改用数组。反应

2 年前

Tedi · 如何将单个数据从子组件传递到父组件?

2 年前