React-native android:不可见的图像使用react-native- image -progress

Question

我有一个问题:当我使用react-native- image -progress，react-native-fast-image时，图像不可见。我想为listview添加加载图像。谢谢！

import ProgressBar from 'react-native-progress/CircleSnail';
import FastImage from 'react-native-fast-image';
import { createImageProgress } from 'react-native-image-progress';
const Image = createImageProgress(FastImage);
    <TouchableNativeFeedback
        background={TouchableNativeFeedback.SelectableBackground()}
    >
        <Image
              source={{ uri: 'url' }}
              style={styles.Image}
              indicator={ProgressBar}
          />
   </TouchableNativeFeedback>

​

​

Answer 1

您可以在显示图像之前对其执行fetch操作。为此，您不必使用库。

示例

fetch(url).then(()=> { this.setState({ loading: false }) });

<Image source={this.state.loading === true ? require('/path/to/loading.gif') : { uri: url }} />