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

爸爸男孩

为什么以及如何在react-nativeprogressImage中使用<ProgressViewIOS/>组件中属性文档似乎难以理解。任何人都可以在iOS上共享此属性的屏幕截图输出吗?谢谢 !!!

萨特什·耶米尔德(Sateesh yemireddi)

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',
  },
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Javascript

为什么我们在jQuery中使用“({})”?

来自分类Java

为什么我们在休眠中使用@Embeddable

来自分类Java

为什么我们在Java中使用clone()方法?

来自分类Java

我们为什么使用@Autowire

来自分类Java

为什么我们使用抽象

来自分类Dev

为什么我们使用TaskStackBuilder?

来自分类Dev

为什么我们在AngularJS中使用$ rootScope。$ broadcast?

来自分类Dev

React Native-为什么我们对图像组件使用tintColor属性?

来自分类Dev

为什么我们必须在react-native的promise链的末尾调用`.done()`?

来自分类Dev

在react-native中,我们使用styleSheet.create。我们在reactjs中使用什么?

来自分类Dev

为什么我们使用setLayoutParams?

来自分类Dev

我们为什么不在react-native中gitignore ios /和android /

来自分类Dev

为什么我们在react组件中使用由super.setState()插入的this.setState()

来自分类Dev

为什么我们需要在React Native中绑定函数?

来自分类Dev

我们为什么要使用'react'中的import React

来自分类Dev

为什么我们不需要在React中绑定箭头功能?

来自分类Dev

为什么我们使用()=> []而不是[]?

来自分类Dev

我们如何,何时以及为什么在React JavaScript中清理组件?

来自分类Dev

为什么我们需要在React Hook中返回一个函数?

来自分类Dev

为什么我们使用@staticmethod?

来自分类Dev

为什么我们不能检查 react-native 应用程序的样式属性?

来自分类Dev

为什么我们使用扩展?

来自分类Dev

ReactJS:为什么我们在创建 React 应用程序时使用 nodeJs?

来自分类Dev

为什么我们在 Optaplanner 中使用 XStream 注释

来自分类Dev

为什么我们能够在 react 组件的构造函数中绑定函数?

来自分类Dev

为什么我们在通过 axios 获取数据时使用 useeffect() react hook?

来自分类Dev

为什么我们使用“NULL”?

来自分类Dev

为什么我们在 python 类中使用 super()?

来自分类Dev

为什么我们在 React js 中定义常量变量时使用花括号?

Related 相关文章

  1. 1

    为什么我们在jQuery中使用“({})”?

  2. 2

    为什么我们在休眠中使用@Embeddable

  3. 3

    为什么我们在Java中使用clone()方法?

  4. 4

    我们为什么使用@Autowire

  5. 5

    为什么我们使用抽象

  6. 6

    为什么我们使用TaskStackBuilder?

  7. 7

    为什么我们在AngularJS中使用$ rootScope。$ broadcast?

  8. 8

    React Native-为什么我们对图像组件使用tintColor属性?

  9. 9

    为什么我们必须在react-native的promise链的末尾调用`.done()`?

  10. 10

    在react-native中,我们使用styleSheet.create。我们在reactjs中使用什么?

  11. 11

    为什么我们使用setLayoutParams?

  12. 12

    我们为什么不在react-native中gitignore ios /和android /

  13. 13

    为什么我们在react组件中使用由super.setState()插入的this.setState()

  14. 14

    为什么我们需要在React Native中绑定函数?

  15. 15

    我们为什么要使用'react'中的import React

  16. 16

    为什么我们不需要在React中绑定箭头功能?

  17. 17

    为什么我们使用()=> []而不是[]?

  18. 18

    我们如何,何时以及为什么在React JavaScript中清理组件?

  19. 19

    为什么我们需要在React Hook中返回一个函数?

  20. 20

    为什么我们使用@staticmethod?

  21. 21

    为什么我们不能检查 react-native 应用程序的样式属性?

  22. 22

    为什么我们使用扩展?

  23. 23

    ReactJS:为什么我们在创建 React 应用程序时使用 nodeJs?

  24. 24

    为什么我们在 Optaplanner 中使用 XStream 注释

  25. 25

    为什么我们能够在 react 组件的构造函数中绑定函数?

  26. 26

    为什么我们在通过 axios 获取数据时使用 useeffect() react hook?

  27. 27

    为什么我们使用“NULL”?

  28. 28

    为什么我们在 python 类中使用 super()?

  29. 29

    为什么我们在 React js 中定义常量变量时使用花括号?

热门标签

归档