ios - 为什么我们在react-native中使用ProgressViewIOS组件中的progressImage属性？

为什么以及如何在react native中使用progressImage组件中的<ProgressViewIOS/>属性？documentation似乎无法理解。有人可以在iOS上共享这个属性的截图输出吗？谢谢！!!

最佳答案

progressImage是一个图像，用于进度条中填写ProgressViewIOS的部分。
如果为其提供自定义图像，则会忽略progressTintColor属性。
图像：
progressImage.png
trackImage.png
输出：

代码：

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, ProgressViewIOS, Dimensions} from 'react-native';

const screenWidth = Dimensions.get("screen").width;

type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View style={styles.container}>
        <ProgressViewIOS
        style={{width: screenWidth - 30}}
        progress={0.5}
        progressViewStyle = 'default'
        trackImage={require('./trackImage.png')}
        progressImage={require('./progressImage.png')}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});