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

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

  •  0
  • 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 年前
        1
  •  1
  •   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-

        2
  •  0
  •   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>
        );
      }