React-native-image-progressに進捗状況が表示されません

Question

私はreact-native-image-progressを使用してネットワークイメージを表示しています。指示に従って、react-native-progressもインストールしました。

はここで（例と非常に似ている）私のコンポーネントです：

<Image 
     source={{ uri: 'http://loremflickr.com/640/480/dog' }} 
     indicator={ProgressCircle} 
     indicatorProps={{ 
      showsText: true, 
     }} 
     style={{ 
      width: 320, 
      height: 240, 
     }} 
/> 

インジケータ - 円は正常に表示されますが、円はちょうど、ランダムに任意の進歩のない信号を回転させず、何のテキストも同様に認められませんでした。しばらくすると、画像がレンダリングされます。

indicatorPropsにindeterminate: falseを追加しようとしました。今回はテキストを表示しますが、0％でロックされています。しばらくしてからピクチャがレンダリングされます。

どうしたのですか？

Answer 1

問題は小道具がありません：progress。私たちは、状態を作成し、refのようにアニメーション化する必要が

：フィールドindicatorでRN-Progress Example

は、我々は<Progress.Circle>

render() { 
    return(
     <View style={styles.container}> 
     <Image 
     source={{ uri: 'http://loremflickr.com/640/480/dog' }} 
     indicator={() => <Progress.Circle 
      style={styles.progress} 
      progress={this.state.progress} 
      indeterminate={this.state.indeterminate} 
     />} 
     indicatorProps={{ 
      showsText: true, 
     }} 
     style={{ 
      width: 320, 
      height: 240, 
     }} 
     /> 
     </View> 
    ); 
    } 

を返す関数を呼び出す必要があり、私は試してみて、それが仕事だ、私の答えは役立つことを願って君は。